.login-container{width:360px;margin:100px auto;padding:30px;border:2px solid black;border-radius:10px;text-align:center;font-family:serif}.login-container input{width:100%;padding:13px;margin:10px 0;font-size:16px;border-radius:8px;border:1px solid black}.login-container button{width:100%;padding:12px;background:#000;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;margin-top:10px}.message{margin-top:10px;color:#3c3c3c;font-weight:700}.links{margin-top:15px;font-size:14px}.links a{display:block;margin-top:5px;color:#000;text-decoration:none}.navbar{width:100%;height:64px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center}.navbar-inner{width:100%;max-width:1200px;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.navbar-left{display:flex;align-items:center;gap:24px}.navbar-logo{font-size:20px;font-weight:700;color:#111827;margin-right:12px}.nav-link{text-decoration:none;font-size:15px;font-weight:500;color:#6b7280;position:relative;padding:4px 0}.nav-link:hover,.nav-link.active{color:#111827}.nav-link.active:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:#111827;border-radius:2px}.logout-btn{background:#111827;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.logout-btn:hover{background:#000}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}.director-trainings{display:block;gap:24px;flex-wrap:wrap}.director-training-list{display:flex}.director-training-card{width:300px;height:200px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:24px;margin:15px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:all .2s ease}.director-training-name{font-size:22px;font-weight:600;color:#111827;margin-bottom:8px}.director-training-date{font-size:14px;color:#6b7280}.director-training-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000014;border-color:#c7d2fe}.admin-home{display:flex;gap:24px;flex-wrap:wrap}.dashboard-card{width:300px;height:200px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:24px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:all .2s ease}.dashboard-card h2{font-size:22px;font-weight:600;color:#111827;margin-bottom:8px}.dashboard-card p{font-size:14px;color:#6b7280}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000014;border-color:#c7d2fe}.modal{width:480px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 20px 40px #0003;animation:modalFadeIn .2s ease-out}.roles{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px;margin-bottom:16px;border-radius:12px;background:#f9fafb}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.actions button{padding:10px 18px;border-radius:10px;font-size:14px;cursor:pointer;border:none}.actions button:first-child{background:#e5e7eb;color:#374151}.actions .submit{background:#4f46e5;color:#fff}.actions .submit:hover{background:#4338ca}.create-btn{padding:16px 24px;font-size:18px;border-radius:14px;background:#4f46e5;color:#fff;border:none;cursor:pointer;margin-bottom:24px}.training-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:14px;border-bottom:1px solid #e5e7eb}.status.active{color:green}.status.inactive{color:red}.modal-backdrop{position:fixed;inset:0;background:#11182799;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{width:520px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 20px 40px #0003;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal h2{font-size:22px;font-weight:600;margin-bottom:20px;color:#111827}.modal input,.modal select{width:100%;padding:12px 14px;margin-bottom:16px;border-radius:10px;border:1px solid #d1d5db;font-size:15px;outline:none}.modal input:focus,.modal select:focus{border-color:#6366f1}.users{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px;margin-bottom:18px;border-radius:12px;background:#f9fafb}.user-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#f3f4f6;font-size:14px;color:#111827;cursor:pointer;transition:background .15s ease}.user-row:hover{background:#e5e7eb}.user-row input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:#4f46e5;cursor:pointer}.user-row span{font-weight:500;line-height:1}.modal-actions button{min-width:100px;height:40px;border-radius:10px;font-size:14px;cursor:pointer;border:none}.modal-actions button:first-child{background:#e5e7eb;color:#374151}.modal-actions button:last-child{background:#4f46e5;color:#fff}.modal-actions button:last-child:hover{background:#4338ca}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{width:100%;max-width:420px;background:#fff;border-radius:14px;padding:24px 26px;box-shadow:0 20px 50px #00000040;animation:modalFadeIn .18s ease-out}.modal h2{margin:0 0 12px;font-size:20px;font-weight:600;color:#111827}.modal p{font-size:15px;line-height:1.5;color:#374151}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.modal-actions button{padding:8px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:background .15s ease,transform .05s ease}.modal-actions .modal-cancel{background:#f3f4f6;color:#111827}.modal-actions .modal-cancel:hover{background:#e5e7eb}.modal-actions .modal-confirm{color:#fff}.modal-actions .modal-confirm:hover{filter:brightness(1.05)}.modal-actions button:active{transform:scale(.97)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.menecer-trainings{display:block;gap:24px;flex-wrap:wrap}.menecer-training-list{display:flex}.menecer-training-card{width:300px;height:200px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:24px;margin:15px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:all .2s ease}.menecer-training-name{font-size:22px;font-weight:600;color:#111827;margin-bottom:8px}.menecer-training-date{font-size:14px;color:#6b7280}.menecer-training-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000014;border-color:#c7d2fe}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}