.admin-main{padding:0}.admin-content{max-width:1200px;margin:0 auto}.admin-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e5e5}.section-header h2{margin:0;font-size:1.4em;font-weight:600;color:#1d1d1f}[data-theme=dark] .admin-section{background:var(--bg-secondary)}[data-theme=dark] .section-header{border-bottom-color:var(--border-color)}[data-theme=dark] .section-header h2{color:var(--text-primary)}.employees-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.filter-section{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:12px;color:#666;font-weight:500}.filter-select,.search-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px}.search-input{min-width:200px}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:12px 10px;text-align:left;border-bottom:1px solid #e0e0e0}.data-table th{background:#f5f5f5;font-weight:600;color:#333;white-space:nowrap}.data-table tbody tr:hover{background:#f9f9f9}.data-table .inactive-row{opacity:.6;background:#fafafa}.data-table .loading-cell,.data-table .empty-cell{text-align:center;color:#666;padding:40px}.actions-cell{white-space:nowrap}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background:var(--color-primary, #00AEEF);color:#fff}.btn-primary:hover{background:var(--color-primary-hover, #0095CC)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-logout{background:var(--status-danger, #f44336);color:#fff}.btn-logout:hover{background:#d32f2f}.btn-icon{background:none;border:1px solid #ddd;border-radius:4px;padding:5px 8px;cursor:pointer;font-size:14px;margin-right:4px;transition:all .2s}.btn-icon:hover{background:#f0f0f0}.btn-icon.btn-danger:hover{background:#ffebee;border-color:#f44336;color:#f44336}.btn-icon.btn-success:hover{background:#e8f5e9;border-color:#4caf50;color:#4caf50}.badge{display:inline-block;padding:3px 8px;border-radius:12px;font-size:12px;font-weight:500}.badge-admin{background:#e3f2fd;color:#1976d2}.badge-employee{background:#f5f5f5;color:#666}.badge-active{background:#e8f5e9;color:#2e7d32}.badge-inactive{background:#ffebee;color:#c62828}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0003}.modal-small{width:400px}.modal-large{width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:18px}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;line-height:1}.modal-close:hover{color:#333}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid #e0e0e0}.form-section{margin-bottom:25px}.form-section h3{font-size:14px;color:#666;margin:0 0 15px;padding-bottom:5px;border-bottom:1px solid #e0e0e0}.form-row{display:flex;gap:20px;margin-bottom:15px}.form-row h4{width:100%;margin:10px 0 5px;color:#333;font-size:14px}.hours-row{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.hours-row .form-group{min-width:0}.hours-row input{text-align:center}.weekly-total{font-size:18px;font-weight:600;color:var(--color-primary, #00AEEF);padding:10px;background:#00aeef14;border-radius:4px;text-align:center}[data-theme=dark] .weekly-total{background:#1e3a5f;color:#64b5f6}[data-theme=dark] .form-row h4{color:var(--text-primary)}.form-group{flex:1;display:flex;flex-direction:column;gap:5px}.form-group label{font-size:13px;font-weight:500;color:#333}.form-group input[type=text],.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=date],.form-group select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary, #00AEEF);box-shadow:0 0 0 2px #00aeef26}.checkbox-group{flex-direction:row;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.radio-group{display:flex;gap:20px}.radio-group label{display:flex;align-items:center;gap:5px;font-weight:400;cursor:pointer}.hint{font-size:12px;color:var(--color-text-muted, #6B7280);font-style:normal}.accounts-summary{display:flex;gap:20px;margin-bottom:25px}.account-card{flex:1;background:#f5f5f5;border-radius:8px;padding:15px;text-align:center}.account-label{font-size:12px;color:#666;margin-bottom:5px}.account-value{font-size:24px;font-weight:600;color:#333}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:2000}.loading-spinner{text-align:center}.spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:var(--color-primary, #00AEEF);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:20px;right:20px;padding:12px 24px;border-radius:4px;color:#fff;font-size:14px;z-index:3000;animation:slideIn .3s ease}.toast-success{background:#4caf50}.toast-error{background:#f44336}.toast-info{background:var(--color-primary, #00AEEF)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.filter-section,.form-row{flex-direction:column}.modal-content{width:95%;margin:10px}.accounts-summary{flex-direction:column}}.timemodels-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.timemodels-table thead{background:#1d1d1f}.timemodels-table th{padding:12px 10px;text-align:center;font-weight:600;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border:none}.timemodels-table th.col-name{text-align:left;min-width:180px}.timemodels-table th.col-id{width:50px}.timemodels-table th.col-hours{width:60px}.timemodels-table th.col-total{width:70px;background:#2d2d2f}.timemodels-table th.col-actions{width:180px}.timemodels-table tbody tr{transition:background-color .15s ease}.timemodels-table tbody tr:nth-child(2n){background:#f9f9f9}.timemodels-table tbody tr:hover{background:#f0f0f0}.timemodels-table td{padding:10px;text-align:center;border-bottom:1px solid #e5e5e5;color:#333}.timemodels-table td:nth-child(2){text-align:left;font-weight:500}.timemodels-table td:last-child{border-bottom-color:#e5e5e5}.timemodels-table tbody tr:last-child td{border-bottom:none}.timemodels-table td:nth-child(11){background:#f5f5f7;font-weight:600;color:#1d1d1f}.timemodels-table .action-buttons{display:flex;gap:6px;justify-content:center}.timemodels-table .btn-edit,.timemodels-table .btn-delete{padding:5px 12px;font-size:11px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.timemodels-table .btn-edit{background:var(--color-primary, #00AEEF);color:#fff}.timemodels-table .btn-edit:hover{background:var(--color-primary-hover, #0095CC)}.timemodels-table .btn-delete{background:#ff3b30;color:#fff}.timemodels-table .btn-delete:hover{background:#d32f2f}.timemodels-table .loading-cell,.timemodels-table .empty-cell{text-align:center;padding:30px;color:var(--color-text-muted, #6B7280);font-style:normal}[data-theme=dark] .employees-section{background:var(--bg-secondary);box-shadow:0 2px 4px var(--shadow-medium)}[data-theme=dark] .filter-group label{color:var(--text-secondary)}[data-theme=dark] .filter-select,[data-theme=dark] .search-input{background:var(--bg-input);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .data-table th{background:var(--table-header-bg);color:var(--text-primary)}[data-theme=dark] .data-table td{border-bottom-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .data-table tbody tr:hover{background:var(--table-row-hover)}[data-theme=dark] .data-table .inactive-row{background:var(--bg-tertiary)}[data-theme=dark] .data-table .loading-cell,[data-theme=dark] .data-table .empty-cell{color:var(--text-secondary)}[data-theme=dark] .btn-secondary{background:var(--btn-secondary);color:var(--text-primary)}[data-theme=dark] .btn-secondary:hover{background:var(--btn-secondary-hover)}[data-theme=dark] .btn-icon{border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .btn-icon:hover{background:var(--bg-hover)}[data-theme=dark] .badge-admin{background:#1a3a5c;color:#64b5f6}[data-theme=dark] .badge-employee{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .badge-active{background:#1b3d1f;color:#81c784}[data-theme=dark] .badge-inactive{background:#3d1f1f;color:#e57373}[data-theme=dark] .modal{background:#000000b3}[data-theme=dark] .modal-content{background:var(--bg-secondary);box-shadow:0 4px 20px var(--shadow-dark)}[data-theme=dark] .modal-header{border-bottom-color:var(--border-color)}[data-theme=dark] .modal-header h2{color:var(--text-primary)}[data-theme=dark] .modal-close{color:var(--text-secondary)}[data-theme=dark] .modal-close:hover{color:var(--text-primary)}[data-theme=dark] .modal-footer{border-top-color:var(--border-color)}[data-theme=dark] .form-section h3{color:var(--text-secondary);border-bottom-color:var(--border-color)}[data-theme=dark] .form-group label{color:var(--text-primary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background:var(--bg-input);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .hint{color:var(--text-muted)}[data-theme=dark] .account-card{background:var(--bg-tertiary)}[data-theme=dark] .account-label{color:var(--text-secondary)}[data-theme=dark] .account-value{color:var(--text-primary)}[data-theme=dark] .loading-overlay{background:#000000b3}[data-theme=dark] .spinner{border-color:var(--border-color);border-top-color:var(--btn-primary)}[data-theme=dark] .timemodels-table{background:var(--bg-secondary);box-shadow:0 2px 8px var(--shadow-medium)}[data-theme=dark] .timemodels-table thead{background:#2a2a3e}[data-theme=dark] .timemodels-table th{color:#f5f5f5}[data-theme=dark] .timemodels-table th.col-total{background:#353548}[data-theme=dark] .timemodels-table tbody tr:nth-child(2n){background:var(--table-row-alt)}[data-theme=dark] .timemodels-table tbody tr:hover{background:var(--table-row-hover)}[data-theme=dark] .timemodels-table td{color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .timemodels-table td:nth-child(11){background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .timemodels-table .loading-cell,[data-theme=dark] .timemodels-table .empty-cell{color:var(--text-secondary)}.toggle-group{margin:15px 0}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500}.toggle-label input[type=checkbox]{display:none}.toggle-slider{position:relative;width:36px;height:20px;background:#ccc;border-radius:10px;transition:background .3s}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 1px 3px #0003}.toggle-label input:checked+.toggle-slider{background:#34c759}.toggle-label input:checked+.toggle-slider:after{transform:translate(16px)}.toggle-text{font-size:14px;color:#333}[data-theme=dark] .toggle-slider{background:#555}[data-theme=dark] .toggle-text{color:var(--text-primary)}.conditional-fields{background:#f8f8f8;border-radius:8px;padding:15px;margin:15px 0;border:1px solid #e5e5e5}.conditional-fields h4{margin:0 0 10px;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.5px}.time-row{display:flex;gap:15px}.time-row .form-group{flex:1;min-width:0}.time-row input[type=time],.time-row input[type=number]{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;text-align:center}[data-theme=dark] .conditional-fields{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .conditional-fields h4{color:var(--text-secondary)}[data-theme=dark] .time-row input[type=time],[data-theme=dark] .time-row input[type=number]{background:var(--bg-input);border-color:var(--border-color);color:var(--text-primary)}#timeModelModal .modal-content{width:600px;max-width:95vw}.badge-flextime{background:#e8f5e9;color:#2e7d32;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.badge-fixed{background:#fff3e0;color:#e65100;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}[data-theme=dark] .badge-flextime{background:#1b3d1f;color:#81c784}[data-theme=dark] .badge-fixed{background:#3d2f1f;color:#ffb74d}.timemodels-table th.col-type{width:90px}.table-wide{overflow:auto;max-width:100%;max-height:calc(100vh - 200px)}table.employees-table{min-width:1600px;font-size:12px;border-collapse:separate!important;border-spacing:0}.employees-table thead th:not(.col-fixed){transform:translateY(var(--scroll-top, 0px));background:#f5f5f5!important;z-index:20;position:relative;will-change:transform}.employees-table tbody td.col-fixed{transform:translate(var(--scroll-left, 0px));position:relative;z-index:5;background:#fff!important;will-change:transform}.employees-table thead th.col-fixed{transform:translate(var(--scroll-left, 0px),var(--scroll-top, 0px));position:relative;z-index:25;background:#f5f5f5!important;will-change:transform}[data-theme=dark] .employees-table thead th:not(.col-fixed){background:#2a2a3e!important}[data-theme=dark] .employees-table thead th.col-fixed{background:#2a2a3e!important}[data-theme=dark] .employees-table th.header-group{background:#1a3a4a!important}[data-theme=dark] .employees-table tbody td.col-fixed{background:#1e1e2e!important}.employees-table tbody tr:hover td.col-fixed{background:#f0f0f0!important}[data-theme=dark] .employees-table tbody tr:hover td.col-fixed{background:#353548!important}.employees-table .col-fixed-last{border-right:2px solid #e0e0e0}[data-theme=dark] .employees-table .col-fixed-last{border-right-color:var(--border-color)}.employees-table th,.employees-table td{padding:6px 4px;text-align:center;white-space:nowrap;vertical-align:middle}.employees-table th{font-size:11px;font-weight:600;background:#f5f5f5;border-bottom:2px solid #ddd}[data-theme=dark] .employees-table th{background:#2a2a3e!important;border-bottom-color:var(--border-color)}.employees-table th:nth-child(1),.employees-table td:nth-child(1){text-align:center;width:60px}.employees-table th:nth-child(2),.employees-table td:nth-child(2){width:70px;min-width:70px;max-width:70px}.employees-table th:nth-child(3),.employees-table td:nth-child(3){text-align:left;min-width:120px}.employees-table th:nth-child(4),.employees-table td:nth-child(4){text-align:left;min-width:120px}.employees-table th:nth-child(5),.employees-table td:nth-child(5){text-align:left;min-width:120px}.employees-table .col-actions{width:140px}.employees-table .check-yes{color:#34c759;font-weight:700}.employees-table .check-no{color:#ccc}[data-theme=dark] .employees-table .check-no{color:#555}.inline-input,.inline-select{width:100%;padding:4px 6px;border:1px solid transparent;border-radius:4px;font-size:12px;background:transparent;transition:all .15s}.inline-input:hover,.inline-select:hover{border-color:#ddd;background:#f9f9f9}.inline-input:focus,.inline-select:focus{outline:none;border-color:var(--color-primary, #00AEEF);background:#fff;box-shadow:0 0 0 2px #00aeef33}.inline-input.inline-small{width:70px;text-align:center}.inline-input.inline-tiny{width:50px;text-align:center}.inline-select.inline-small{width:70px}.inline-select.inline-tiny{width:55px}.inline-select.inline-salutation{width:62px;padding:4px 2px}.inline-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#34c759}[data-theme=dark] .inline-input,[data-theme=dark] .inline-select{color:#f5f5f5!important;background:transparent!important}[data-theme=dark] .inline-input:hover,[data-theme=dark] .inline-select:hover{border-color:var(--border-color);background:#252538!important}[data-theme=dark] .inline-input:focus,[data-theme=dark] .inline-select:focus{border-color:var(--color-primary, #00AEEF);background:#2a2a3e!important}[data-theme=dark] .inline-select option{background:#1e1e2e;color:#f5f5f5}.employees-table .inline-input,.employees-table .inline-select{background:transparent!important}.employees-table .inline-input:hover,.employees-table .inline-select:hover{background:#f9f9f9!important}.employees-table .inline-input:focus,.employees-table .inline-select:focus{background:#fff!important}[data-theme=dark] .employees-table .inline-input:hover,[data-theme=dark] .employees-table .inline-select:hover{background:#252538!important}[data-theme=dark] .employees-table .inline-input:focus,[data-theme=dark] .employees-table .inline-select:focus{background:#2a2a3e!important}.address-cell .address-display{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s;display:inline-block;min-width:60px;text-align:left}.address-cell .address-display:hover{background:#e3f2fd;color:#1976d2}[data-theme=dark] .address-cell .address-display:hover{background:#1e3a5f;color:#64b5f6}.info-box{background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;padding:16px 20px;margin-bottom:20px}.info-box h3{margin:0 0 10px;font-size:1em;color:#1565c0}.info-box ul{margin:0;padding-left:20px}.info-box li{margin:5px 0;color:#1976d2;font-size:.9em}.info-box strong{color:#0d47a1}[data-theme=dark] .info-box{background:#1e3a5f;border-color:#2e5a8f}[data-theme=dark] .info-box h3{color:#90caf9}[data-theme=dark] .info-box li{color:#bbdefb}[data-theme=dark] .info-box strong{color:#e3f2fd}.inactive-row{opacity:.5;background:#f5f5f5}[data-theme=dark] .inactive-row{background:#2a2a2a}.header-group{background:#e8f4f8;text-align:center;font-weight:600;border-bottom:2px solid var(--color-primary, #00AEEF)}[data-theme=dark] .header-group{background:#1a3a4a;border-bottom-color:#4a9eff}.employees-table th.col-surcharge,.employees-table td.col-surcharge{width:50px;min-width:50px;max-width:50px;text-align:center}