:root{--teal-50:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-600:#0d9488;--teal-700:#0f766e;--teal-800:#115e59;--teal-900:#134e4a;--text:#495057;--text-h:#1a1a2e;--bg:#f8fafa;--bg-card:#fff;--border:#e2e8f0;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.6 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box;margin:0;padding:0}h1,h2,h3{color:var(--text-h);font-weight:600}a{color:var(--teal-600);text-decoration:none;transition:color .2s}a:hover{color:var(--teal-700)}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.login-container{background:linear-gradient(135deg,#43b582 0%,#2dd4bf 50%,#0d9488 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-form{background:#fff;border-radius:15px;width:100%;max-width:420px;padding:40px;animation:.5s ease-in fadeIn;box-shadow:0 10px 30px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-form h2{text-align:center;color:#333;margin-bottom:5px;font-weight:600}.login-header{text-align:center;margin-bottom:30px}.login-icon{color:#0d9488;width:3.5rem;height:3.5rem;margin-bottom:15px}.login-header p{color:#6c757d;margin:0;font-size:.95rem}.login-form .form-group{margin-bottom:20px}.login-form .form-group label{color:#495057;margin-bottom:8px;font-weight:500;display:block}.login-form .form-group input{box-sizing:border-box;border:2px solid #e9ecef;border-radius:8px;width:100%;padding:12px 15px;font-size:1rem;transition:all .3s}.login-form .form-group input:focus{border-color:#2dd4bf;outline:none;box-shadow:0 0 0 .2rem #2dd4bf40}.login-form button[type=submit]{color:#fff;cursor:pointer;background-color:#0d9488;border:none;border-radius:8px;width:100%;padding:12px;font-size:1rem;font-weight:500;transition:all .3s}.login-form button[type=submit]:hover:not(:disabled){background-color:#0f766e;transform:translateY(-2px);box-shadow:0 4px 12px #0d948866}.login-form button[type=submit]:disabled{cursor:not-allowed;background-color:#d6d6d6}.error-message{color:#842029;text-align:center;background-color:#f8d7da;border-radius:8px;margin-bottom:20px;padding:12px 15px;font-size:.95rem}nav{background:var(--bg-card);border-bottom:1px solid var(--border);height:56px;box-shadow:var(--shadow);z-index:100;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}nav ul{gap:8px;margin:0;padding:0;list-style:none;display:flex}nav ul li a{color:var(--text);border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-block}nav ul li a:hover,nav ul li a.active{background:var(--teal-50);color:var(--teal-700)}.nav-user{align-items:center;gap:12px;font-size:.9rem;display:flex;position:relative}.nav-user span{color:var(--text-h);font-weight:500}.user-role{background:var(--teal-100);text-transform:capitalize;border-radius:12px;padding:2px 10px;font-size:.75rem;color:var(--teal-800)!important;font-weight:600!important}.user-avatar-btn{background:var(--teal-600);color:#fff;border:2px solid var(--teal-300);cursor:pointer;white-space:nowrap;text-transform:capitalize;border-radius:20px;justify-content:center;align-items:center;padding:6px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.user-avatar-btn:hover{background:var(--teal-700);border-color:var(--teal-400);transform:scale(1.05)}.user-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:300;border-radius:10px;min-width:220px;animation:.15s ease-out dropdownIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #0000001f}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{flex-direction:column;gap:2px;padding:14px 16px;display:flex}.user-dropdown-name{color:var(--text-h);text-transform:capitalize;font-size:.95rem;font-weight:600}.user-dropdown-email{color:var(--text);font-size:.8rem}.user-dropdown-divider{background:var(--border);height:1px}.user-dropdown-item{text-align:left;width:100%;color:var(--text-h);cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:.9rem;transition:all .15s;display:block}.user-dropdown-item:hover{background:var(--teal-50);color:var(--teal-700)}.user-dropdown-logout:hover{color:#dc2626;background:#fef2f2}main{max-width:1100px;margin:0 auto;padding:32px 24px}.home-page{text-align:center;padding:60px 20px}.home-page h1{margin-bottom:8px;font-size:2rem}.home-page p{color:var(--text);font-size:1.1rem}.not-found{text-align:center;padding:80px 20px}.not-found h1{color:var(--teal-600);margin-bottom:12px;font-size:3rem}.not-found a{background:var(--teal-600);color:#fff;border-radius:8px;margin-top:20px;padding:10px 24px;font-weight:500;transition:all .2s;display:inline-block}.not-found a:hover{background:var(--teal-700);color:#fff;transform:translateY(-1px)}.admin-users h1{margin-bottom:20px}.admin-users-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.admin-users-header h1{margin:0}.admin-users table{border-collapse:collapse;background:var(--bg-card);width:100%;box-shadow:var(--shadow);border-radius:10px;overflow:hidden}.admin-users th{background:var(--teal-600);color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:.85rem;font-weight:600}.admin-users td{border-bottom:1px solid var(--border);padding:12px 16px;font-size:.95rem}.admin-users tr:last-child td{border-bottom:none}.admin-users tr:hover td{background:var(--teal-50)}.admin-users tr.row-disabled td{opacity:.5}.admin-users select{border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:.9rem;transition:border-color .2s}.admin-users select:focus{border-color:var(--teal-400);outline:none;box-shadow:0 0 0 2px #2dd4bf33}.role-badge{background:var(--teal-100);color:var(--teal-800);text-transform:capitalize;border-radius:12px;padding:2px 10px;font-size:.8rem;font-weight:600}.status-badge{border-radius:12px;padding:2px 10px;font-size:.8rem;font-weight:600}.status-badge.active{color:#065f46;background:#d1fae5}.status-badge.inactive{color:#991b1b;background:#fee2e2}.actions-cell{gap:6px;display:flex}.btn-action{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:.9rem;line-height:1;transition:all .2s}.btn-action:hover:not(:disabled){box-shadow:var(--shadow)}.btn-action:disabled{opacity:.3;cursor:not-allowed}.btn-edit:hover:not(:disabled){border-color:var(--teal-400);background:var(--teal-50)}.btn-toggle:hover:not(:disabled){background:#fffbeb;border-color:#fbbf24}.btn-delete:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.btn-primary{background:var(--teal-600);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.btn-primary:hover{background:var(--teal-700);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background:var(--bg)}.modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--bg-card);border-radius:12px;width:100%;max-width:480px;max-height:90vh;animation:.2s ease-out modalIn;overflow-y:auto;box-shadow:0 20px 60px #00000026}@keyframes modalIn{0%{opacity:0;transform:translateY(-20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{margin:0;font-size:1.15rem}.modal-close{cursor:pointer;color:var(--text);background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}.modal-close:hover{color:#dc2626}.modal-content form{padding:24px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-h);margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.form-group input,.form-group select{border:1px solid var(--border);box-sizing:border-box;background:var(--bg-card);width:100%;color:var(--text-h);border-radius:8px;padding:10px 12px;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--teal-400);outline:none;box-shadow:0 0 0 2px #2dd4bf33}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;display:flex}.error-message{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:.9rem}.success-message{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:.9rem}.admin-controls{max-width:1100px;margin:0 auto}.admin-controls-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-controls-header h1{color:var(--text-h)}.loading-text{text-align:center;color:var(--text);padding:40px 0}.controls-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.control-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;transition:box-shadow .2s;display:flex;overflow:hidden}.control-card:hover{box-shadow:0 4px 16px #0000001a}.control-card-img{background:var(--teal-50);justify-content:center;align-items:center;height:180px;display:flex;overflow:hidden}.control-card-img img{object-fit:cover;width:100%;height:100%}.control-card-body{flex:1;padding:16px}.control-card-body h3{color:var(--text-h);margin:0 0 8px}.control-card-meta{gap:8px;margin-bottom:12px;display:flex}.control-card-parts{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.part-item{background:var(--teal-50);border:1px solid var(--teal-200);border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.part-item-img{object-fit:cover;border-radius:6px;flex-shrink:0;width:36px;height:36px}.part-item-info{flex-direction:column;min-width:0;display:flex}.part-tag{background:var(--teal-50);color:var(--teal-700);border:1px solid var(--teal-200);border-radius:6px;padding:2px 8px;font-size:.78rem;font-weight:500;display:inline-block}.part-text{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.part-form-block{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:8px;padding:12px;display:flex}.part-form-header{justify-content:space-between;align-items:center;display:flex}.part-form-number{color:var(--teal-700);font-size:.82rem;font-weight:600}.form-img-preview{border:1px solid var(--border);object-fit:contain;border-radius:8px;max-width:100%;max-height:140px;margin-top:8px}.control-card-shifts{flex-wrap:wrap;gap:6px;display:flex}.shift-row{gap:4px;display:flex}.shift-tag{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.shift-tag.am{color:#854d0e;background:#fef9c3}.shift-tag.pm{color:#9a3412;background:#fed7aa}.shift-tag.night{color:#3730a3;background:#e0e7ff}.control-card-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.modal-wide{max-width:560px}.form-fieldset{border:1px solid var(--border);border-radius:8px;margin:0;padding:12px 16px}.form-fieldset legend{color:var(--text-h);padding:0 6px;font-size:.9rem;font-weight:600}.form-array-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.form-array-row input[type=text],.form-array-row input:not([type]){flex:1}.shifts-row{gap:16px}.checkbox-label{cursor:pointer;white-space:nowrap;align-items:center;gap:4px;font-size:.85rem;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{accent-color:var(--teal-600);width:16px;height:16px}.btn-add{border:1px dashed var(--teal-400);color:var(--teal-600);cursor:pointer;background:0 0;border-radius:6px;width:100%;padding:6px 12px;font-size:.82rem;font-weight:500;transition:background .2s}.btn-add:hover{background:var(--teal-50)}.btn-remove{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;transition:background .2s;display:flex}.btn-remove:hover{background:#fecaca}