:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f8;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html,body,#root{width:100%;min-width:320px;min-height:100vh;margin:0}body{background:#f4f6f8;margin:0}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}*{box-sizing:border-box}.public-holiday-badge{color:#9a3412;white-space:normal;background:#fff7ed;border:1px solid #b4530938;border-radius:999px;gap:.2rem;width:fit-content;min-width:0;max-width:100%;margin-top:.35rem;padding:.25rem .5rem;font-size:.7rem;font-weight:700;line-height:1.25;display:inline-grid;overflow:hidden}.holiday-badge-name{overflow-wrap:anywhere;text-overflow:ellipsis;min-width:0;overflow:hidden}.public-holiday-badge .holiday-badge-kind{color:inherit;opacity:.82;font-size:.65rem;font-weight:800;display:block}.public-holiday-badge.half-day,.public-holiday-badge.holiday-badge-half{color:#92400e;background:#fffbeb}[data-theme=dark] .public-holiday-badge,.dark-mode .public-holiday-badge{color:#fcd34d;background:#78350f4d;border-color:#fbbf2447}@media (width<=768px){.public-holiday-badge{border-radius:.55rem}}.page-loading-state,.page-load-error{text-align:left;justify-content:center;align-items:center;gap:16px;min-height:min(420px,100vh - 64px);display:flex}.page-loading-state strong,.page-load-error h1{color:var(--app-text,#172033);margin:0 0 4px;display:block}.page-loading-state p,.page-load-error p{color:var(--app-text-muted,#667085);margin:0}.page-loading-spinner{border:3px solid #2563eb33;border-top-color:#2563eb;border-radius:50%;flex:none;width:30px;height:30px;animation:.8s linear infinite page-loading-spin}.page-load-error{background:color-mix(in srgb, #ef4444 7%, var(--app-surface,#fff));border:1px solid #ef444447;border-radius:18px;justify-content:flex-start;align-items:flex-start;min-height:0;margin:24px auto;padding:24px}.page-load-error-icon{color:#fff;background:#dc2626;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.page-load-error h1{font-size:1.25rem}.page-load-error button{margin-top:16px}@keyframes page-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.page-loading-spinner{animation:none}}:root,html[data-theme=light]{--app-bg:#f4f6f8;--app-surface:#fff;--app-surface-muted:#f8fafc;--app-surface-elevated:#fff;--app-text:#172033;--app-text-muted:#64748b;--app-border:#e2e8f0;--app-border-strong:#cbd5e1;--app-primary:#172033;--app-primary-hover:#263248;--app-accent:#2563eb;--app-accent-soft:#eff6ff;--app-focus:#2563eb33;--bg:var(--app-bg);--surface:var(--app-surface);--surface-muted:var(--app-surface-muted);--text:var(--app-text);--text-muted:var(--app-text-muted);--border:var(--app-border);--primary:var(--app-primary);--danger:#dc2626;--success:#047857}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#0b1120;--app-surface:#111827;--app-surface-muted:#172033;--app-surface-elevated:#1e293b;--app-text:#e5edf7;--app-text-muted:#c3cfdf;--app-border:#2b3a4f;--app-border-strong:#475569;--app-primary:#e5edf7;--app-primary-hover:#fff;--app-accent:#60a5fa;--app-accent-soft:#2563eb29;--app-focus:#60a5fa40;--bg:var(--app-bg);--surface:var(--app-surface);--surface-muted:var(--app-surface-muted);--text:var(--app-text);--text-muted:var(--app-text-muted);--border:var(--app-border);--primary:var(--app-primary);--danger:#f87171;--success:#34d399}html[data-theme] body,html[data-theme] #root,html[data-theme] .app,html[data-theme] .main-content,html[data-theme] .dashboard{background:var(--app-bg);color:var(--app-text)}.settings-page-header{border:1px solid var(--app-border);background:var(--app-surface);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:22px 24px;display:flex}.settings-page-header h1,.settings-card h2,.settings-card h3{color:var(--app-text);margin:0}.settings-page-header p,.settings-card-header p,.settings-theme-copy small,.settings-info-list dt,.settings-current-theme{color:var(--app-text-muted)}.settings-page-header p{margin:6px 0 0;line-height:1.5}.settings-eyebrow{color:var(--app-accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:800}.settings-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:16px;display:grid}.settings-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:18px;min-width:0;padding:22px}.settings-appearance-card{grid-row:span 2}.settings-card-header{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.settings-card-header p{margin:5px 0 0;line-height:1.5}.settings-card-icon{background:var(--app-accent-soft);width:40px;height:40px;color:var(--app-accent);border-radius:12px;flex:0 0 40px;place-items:center;font-size:20px;display:inline-grid}.settings-theme-options{gap:10px;display:grid}.settings-theme-option{border:1px solid var(--app-border);background:var(--app-surface-muted);width:100%;min-height:68px;color:var(--app-text);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:13px 15px;transition:border-color .16s,background .16s,transform .16s;display:flex}.settings-theme-option:hover{border-color:var(--app-border-strong);transform:translateY(-1px)}.settings-theme-option:focus-visible{outline:3px solid var(--app-focus);outline-offset:2px}.settings-theme-option.selected{border-color:var(--app-accent);background:var(--app-accent-soft)}.settings-theme-icon{background:var(--app-surface);border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:19px;display:inline-grid}.settings-theme-copy{flex:1;gap:3px;min-width:0;display:grid}.settings-theme-copy strong{font-size:15px}.settings-theme-copy span{font-size:13px;line-height:1.4}.settings-theme-radio{border:1px solid var(--app-border-strong);color:#fff;background:0 0;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:inline-grid}.settings-theme-option.selected .settings-theme-radio{border-color:var(--app-accent);background:var(--app-accent)}.settings-current-theme{margin:14px 0 0;font-size:13px}.settings-details{gap:0;margin:0;display:grid}.settings-details>div{border-top:1px solid var(--app-border);gap:4px;padding:12px 0;display:grid}.settings-details>div:first-child{border-top:0;padding-top:0}.settings-details>div:last-child{padding-bottom:0}.settings-details dt{font-size:12px;font-weight:700}.settings-details dd{overflow-wrap:anywhere;color:var(--app-text);margin:0;font-size:14px;font-weight:650}.settings-organization-card{grid-column:1/-1}.settings-catalog-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px;margin-top:20px;display:grid}.settings-catalog-list,.settings-catalog-forms{gap:12px;display:grid}.settings-catalog-list article,.settings-catalog-forms form{border:1px solid var(--app-border);background:var(--app-surface-muted);border-radius:14px;padding:16px}.settings-catalog-list article{gap:12px;display:grid}.settings-catalog-list article>div:first-child,.settings-catalog-forms form,.settings-catalog-forms label{gap:7px;display:grid}.settings-catalog-list small,.settings-catalog-forms label>span,.settings-catalog-empty{color:var(--app-text-muted);font-size:12px}.settings-position-tags{flex-wrap:wrap;gap:7px;display:flex}.settings-position-tags span{border:1px solid var(--app-border);background:var(--app-surface);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.settings-catalog-forms h3{margin:0 0 4px}.settings-catalog-forms input:not([type=checkbox]),.settings-catalog-forms select{border:1px solid var(--app-border-strong);background:var(--app-surface);width:100%;min-height:42px;color:var(--app-text);border-radius:10px;padding:0 12px}.settings-operational-toggle{grid-template-columns:auto 1fr;align-items:center}.settings-operational-toggle input{width:17px;height:17px}.settings-reset-card{border-color:color-mix(in srgb, var(--danger) 35%, var(--app-border));grid-column:1/-1}.settings-reset-icon{background:color-mix(in srgb, var(--danger) 12%, var(--app-surface));color:var(--danger);font-weight:900}.settings-reset-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.settings-reset-summary>div{border:1px solid var(--app-border);background:var(--app-surface-muted);border-radius:12px;gap:4px;padding:13px 14px;display:grid}.settings-reset-summary strong{color:var(--app-text);font-size:13px}.settings-reset-summary span{color:var(--app-text-muted);font-size:12px;line-height:1.45}.settings-reset-open-button,.settings-reset-delete-button{border:1px solid var(--danger);min-height:42px;color:var(--danger);cursor:pointer;background:0 0;border-radius:10px;padding:0 16px;font-weight:800}.settings-reset-open-button:hover{background:color-mix(in srgb, var(--danger) 9%, transparent)}.settings-reset-overlay{z-index:1500}.settings-reset-modal{width:min(760px,100vw - 28px);max-height:min(880px,100dvh - 28px);overflow:hidden}.settings-reset-modal form{flex-direction:column;flex:1;min-height:0;display:flex}.settings-reset-modal-body{gap:16px;padding:20px 24px;display:grid;overflow-y:auto}.settings-reset-eyebrow{color:var(--danger);letter-spacing:.09em;margin-bottom:4px;font-size:11px;font-weight:900;display:inline-block}.settings-reset-warning{border:1px solid color-mix(in srgb, var(--danger) 30%, var(--app-border));background:color-mix(in srgb, var(--danger) 8%, var(--app-surface));color:var(--app-text);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.5}.settings-reset-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settings-reset-options label{border:1px solid var(--app-border);background:var(--app-surface-muted);cursor:pointer;border-radius:12px;align-items:flex-start;gap:11px;min-width:0;padding:13px;display:flex}.settings-reset-options label.selected{border-color:color-mix(in srgb, var(--danger) 65%, var(--app-border));background:color-mix(in srgb, var(--danger) 7%, var(--app-surface))}.settings-reset-options input{width:18px;height:18px;accent-color:var(--danger);flex:0 0 18px;margin-top:2px}.settings-reset-options label>span{gap:3px;min-width:0;display:grid}.settings-reset-options strong{color:var(--app-text);font-size:13px}.settings-reset-options small{color:var(--app-text-muted);font-size:11px;line-height:1.4}.settings-reset-options em{color:var(--danger);font-size:10px;font-style:normal;font-weight:800}.settings-reset-preview-button{justify-self:start}.settings-reset-confirmation{gap:14px;display:grid}.settings-reset-count{background:color-mix(in srgb, var(--danger) 10%, var(--app-surface-muted));border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.settings-reset-count span{color:var(--app-text-muted);font-size:13px}.settings-reset-count strong{color:var(--danger);font-size:18px}.settings-reset-count-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px;display:grid}.settings-reset-count-list>div{border-bottom:1px solid var(--app-border);color:var(--app-text-muted);justify-content:space-between;gap:12px;padding:8px 0;font-size:12px;display:flex}.settings-reset-count-list strong{color:var(--app-text)}.settings-reset-field{color:var(--app-text-muted);gap:7px;font-size:12px;font-weight:700;display:grid}.settings-reset-field input{border:1px solid var(--app-border-strong);background:var(--app-surface);width:100%;min-height:44px;color:var(--app-text);border-radius:10px;padding:0 12px}.settings-reset-footer{gap:10px}.primary-button.settings-reset-delete-button{border-color:var(--danger);background:var(--danger);color:#fff}.settings-reset-delete-button:disabled,.settings-reset-open-button:disabled{cursor:not-allowed;opacity:.55}@media (width<=900px){.settings-catalog-layout{grid-template-columns:1fr}}html[data-theme=dark] .sidebar,html[data-theme=dark] .topbar{border-color:var(--app-border);background:#0f172a}html[data-theme=dark] .menu-item:hover,html[data-theme=dark] .menu-item.active{background:var(--app-surface-elevated);color:#fff}html[data-theme=dark] .topbar h1,html[data-theme=dark] .user-details strong{color:var(--app-text)}html[data-theme=dark] .topbar p,html[data-theme=dark] .user-details span{color:var(--app-text-muted)}html[data-theme=dark] .personel-list-header h3{color:var(--app-text)!important}html[data-theme=dark] :is(.page-header p,.panel-header p,.edit-section-description,.personel-detail-section-description,.empty-state,.helper-text){color:var(--app-text-muted)!important}html[data-theme=dark] .empty-state strong{color:var(--app-text)!important}html[data-theme=dark] .personel-table tbody td,html[data-theme=dark] .user-management-table tbody td{border-color:var(--app-border)!important;color:var(--app-text-muted)!important}html[data-theme=dark] .personel-table tbody tr:hover td{background:var(--app-surface-muted)!important}html[data-theme=dark] .synchronized-scroll-top{border-color:var(--app-border);background:var(--app-surface-muted);scrollbar-color:#64748b #172033}html[data-theme=dark] :is(.user-management-empty,.user-management-table-wrapper){border-color:var(--app-border);background:var(--app-surface);color:var(--app-text-muted)}html[data-theme=dark] .user-management-table th{border-color:var(--app-border);background:var(--app-surface-muted);color:var(--app-text-muted)}html[data-theme=dark] :is(.user-management-secondary,.user-management-actions button){border-color:var(--app-border-strong);background:var(--app-surface-elevated);color:var(--app-text)}html[data-theme=dark] :is(.user-management-secondary,.user-management-actions button):hover:not(:disabled){background:var(--app-surface-muted);border-color:#64748b}html[data-theme=dark] .user-management-actions .user-management-danger{background:#7f1d1d33;color:#fca5a5!important;border-color:#7f1d1d!important}html[data-theme=dark] .settings-theme-option.selected .settings-theme-radio{background:#2563eb;border-color:#2563eb}html[data-theme=dark] :is(input,select,textarea){border-color:var(--app-border-strong)!important;color:var(--app-text)!important;background:#0f172a!important}html[data-theme=dark] :is(input,textarea)::placeholder{color:#718096}html[data-theme=dark] :is(input,select,textarea):focus{border-color:var(--app-accent)!important;box-shadow:0 0 0 3px var(--app-focus)!important}html[data-theme=dark] :is(input,select,textarea):disabled,html[data-theme=dark] :is(input,textarea)[readonly]{background:var(--app-surface-muted)!important;color:var(--app-text-muted)!important}html[data-theme=dark] option{color:var(--app-text);background:#0f172a}html[data-theme=dark] table{color:var(--app-text)}html[data-theme=dark] thead th{border-color:var(--app-border)!important;background:var(--app-surface-muted)!important;color:#cbd5e1!important}html[data-theme=dark] tbody td{border-color:var(--app-border)!important}html[data-theme=dark] tbody tr:hover{background:var(--app-surface-muted)!important}html[data-theme=dark] :is(.primary-button,.edit-save-button){color:#fff;background:#2563eb}@media (width<=900px){.settings-grid{grid-template-columns:1fr}.settings-appearance-card{grid-row:auto}}@media (width<=520px){.settings-page-header,.settings-card{border-radius:15px;padding:18px}.settings-page-header{align-items:flex-start}.settings-theme-option{min-height:72px;padding:13px}.settings-reset-summary,.settings-reset-options,.settings-reset-count-list{grid-template-columns:1fr}.settings-reset-modal{border-radius:0;width:100vw;max-height:100dvh}.settings-reset-modal-body{padding:16px}.settings-reset-footer{grid-template-columns:1fr;display:grid}.settings-reset-footer button{width:100%}}.health-page,.backup-page{color:var(--app-text)}.backup-page-header{border:1px solid var(--app-border);background:var(--app-surface);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:22px 24px;display:flex}.backup-eyebrow{color:var(--app-accent);letter-spacing:.09em;font-size:11px;font-weight:900}.backup-page-header h1{color:var(--app-text);margin:2px 0 4px}.backup-page-header p{color:var(--app-text-muted);margin:0}.backup-page-header button,.backup-command-row button,.backup-health-link{border:1px solid var(--app-border-strong);background:var(--app-surface-muted);min-height:40px;color:var(--app-text);cursor:pointer;border-radius:10px;padding:0 14px;font-weight:800}.backup-page-header button:hover,.backup-command-row button:hover,.backup-health-link:hover{border-color:var(--app-accent);color:var(--app-accent)}.backup-page-header button:disabled{cursor:wait;opacity:.6}.backup-readiness-banner{border:1px solid var(--app-border);background:var(--app-surface);border-radius:15px;align-items:center;gap:12px;margin-bottom:16px;padding:15px 17px;display:flex}.backup-readiness-banner>div{border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.backup-readiness-banner>span{gap:3px;display:grid}.backup-readiness-banner small{color:var(--app-text-muted)}.backup-readiness-banner.ok{border-color:color-mix(in srgb, #16a34a 35%, var(--app-border))}.backup-readiness-banner.ok>div{color:#16a34a;background:#16a34a24}.backup-readiness-banner.warning{border-color:color-mix(in srgb, #d97706 35%, var(--app-border))}.backup-readiness-banner.warning>div{color:#d97706;background:#d9770624}.backup-readiness-banner.critical{border-color:color-mix(in srgb, var(--danger) 35%, var(--app-border))}.backup-readiness-banner.critical>div{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}.backup-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.backup-check{border:1px solid var(--app-border);background:var(--app-surface);border-left-width:4px;border-radius:14px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px;display:grid}.backup-check.ok{border-left-color:#16a34a}.backup-check.warning{border-left-color:#d97706}.backup-check.critical{border-left-color:var(--danger)}.backup-check>span{background:var(--app-surface-muted);border-radius:9px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.backup-check.ok>span{color:#16a34a}.backup-check.warning>span{color:#d97706}.backup-check.critical>span{color:var(--danger)}.backup-check h2{color:var(--app-text);margin:0;font-size:14px}.backup-check p{color:var(--app-text-muted);margin:5px 0 0;font-size:12px;line-height:1.45}.backup-recovery-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:16px;margin-bottom:16px;padding:20px}.backup-workflow-heading p{color:var(--app-text-muted);margin:6px 0 0;font-size:13px}.backup-request-status{text-transform:none}.backup-request-status.pending,.backup-request-status.processing{background:color-mix(in srgb, #d97706 14%, var(--app-surface));color:#d97706}.backup-request-status.succeeded{background:color-mix(in srgb, #16a34a 14%, var(--app-surface));color:#16a34a}.backup-restore-layout{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:14px;margin-top:18px;display:grid}.backup-restore-points{gap:8px;max-height:310px;padding-right:4px;display:grid;overflow-y:auto}.backup-restore-points label{border:1px solid var(--app-border);background:var(--app-surface-muted);cursor:pointer;border-radius:12px;align-items:center;gap:11px;min-width:0;padding:13px 14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.backup-restore-points label:hover{border-color:var(--app-accent);transform:translateY(-1px)}.backup-restore-points label.selected{border-color:var(--app-accent);box-shadow:0 0 0 3px var(--app-accent-soft)}.backup-restore-points input{width:17px;height:17px;accent-color:var(--app-accent)}.backup-restore-points label>span{flex:1;gap:3px;min-width:0;display:grid}.backup-restore-points small{color:var(--app-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.backup-restore-points i{color:#16a34a;font-style:normal;font-weight:900}.backup-restore-action{border:1px solid var(--app-border);background:linear-gradient(145deg, var(--app-surface-muted), var(--app-surface));border-radius:14px;flex-direction:column;justify-content:center;padding:18px;display:flex}.backup-restore-action p{color:var(--app-text-muted);margin:7px 0 18px;font-size:12px;line-height:1.55}.backup-restore-action button{background:var(--app-accent);color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:42px;font-weight:800}.backup-restore-action button:disabled{cursor:not-allowed;opacity:.55}.backup-empty-state{border:1px dashed var(--app-border);min-height:130px;color:var(--app-text);text-align:center;border-radius:14px;place-items:center;gap:5px;margin-top:16px;display:grid}.backup-empty-state small{color:var(--app-text-muted)}.backup-restore-message{background:var(--app-accent-soft);color:var(--app-accent);border-radius:10px;margin-top:13px;padding:11px 13px;font-size:12px;font-weight:700}.backup-request-history a{color:var(--app-accent);font-size:11px;font-weight:800;text-decoration:none}.backup-request-history a:hover{text-decoration:underline}.backup-request-history{border-top:1px solid var(--app-border);gap:7px;margin-top:18px;padding-top:16px;display:grid}.backup-request-history h3{margin:0 0 3px;font-size:13px}.backup-request-history>div{justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.backup-request-history span{gap:2px;min-width:0;display:grid}.backup-request-history small{color:var(--app-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.backup-request-history b{background:var(--app-surface-muted);border-radius:999px;padding:5px 8px;font-size:10px}.backup-request-history b.succeeded{color:#16a34a}.backup-request-history b.failed{color:var(--danger)}.backup-request-history b.pending,.backup-request-history b.processing{color:#d97706}.backup-restore-modal{width:min(540px,100vw - 28px)}.backup-restore-modal>p{color:var(--app-text-muted);line-height:1.55}.backup-restore-modal .form-field strong{color:var(--app-text);margin:6px 0;font-size:12px;display:block}.backup-workflow-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:18px;margin-bottom:16px;padding:20px}.backup-workflow-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.backup-workflow-heading span{color:var(--app-accent);letter-spacing:.08em;font-size:10px;font-weight:900}.backup-workflow-heading h2{color:var(--app-text);margin:3px 0 0}.backup-workflow-heading>strong{background:var(--app-accent-soft);color:var(--app-accent);border-radius:999px;padding:6px 9px;font-size:11px}.backup-step-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:18px 0;padding:0;list-style:none;display:grid}.backup-step-list li{border:1px solid var(--app-border);background:var(--app-surface-muted);border-radius:12px;gap:9px;min-width:0;padding:13px;display:flex}.backup-step-list li>span{background:var(--app-accent);color:#fff;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;font-size:11px;font-weight:900;display:grid}.backup-step-list li>div{gap:4px;display:grid}.backup-step-list strong{font-size:12px}.backup-step-list small{color:var(--app-text-muted);font-size:10px;line-height:1.4}.backup-command-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.backup-command-row code{border:1px solid var(--app-border);background:var(--app-surface-muted);color:var(--app-text);border-radius:10px;padding:13px 14px;font-size:13px;overflow-x:auto}.backup-health-link{margin-top:12px}.backup-policy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.backup-policy-grid article{border:1px solid var(--app-border);background:var(--app-surface);border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.backup-policy-grid article>span{color:var(--app-accent);font-size:28px;font-weight:900}.backup-policy-grid article>div{gap:3px;display:grid}.backup-policy-grid small{color:var(--app-text-muted)}.backup-restore-note{border:1px solid color-mix(in srgb, #d97706 30%, var(--app-border));background:color-mix(in srgb, #d97706 6%, var(--app-surface));border-radius:14px;padding:16px 18px}.backup-restore-note p{color:var(--app-text-muted);margin:5px 0 0;line-height:1.5}@media (width<=1000px){.backup-step-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.backup-page-header{flex-direction:column;align-items:stretch;padding:18px}.backup-page-header button{width:100%}.backup-restore-layout{grid-template-columns:1fr}.backup-recovery-card{padding:16px}.backup-restore-action{padding:15px}.backup-check-grid,.backup-policy-grid,.backup-step-list,.backup-command-row{grid-template-columns:1fr}.backup-command-row button{width:100%}.backup-workflow-heading{flex-direction:column}}.health-hero{border:1px solid var(--app-border);background:var(--app-surface);border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:16px;padding:22px 24px;display:grid}.health-hero.health-ok{border-color:color-mix(in srgb, #16a34a 30%, var(--app-border))}.health-hero.health-warning{border-color:color-mix(in srgb, #d97706 38%, var(--app-border))}.health-hero.health-critical{border-color:color-mix(in srgb, var(--danger) 38%, var(--app-border))}.health-hero-icon{border-radius:16px;place-items:center;width:52px;height:52px;font-size:27px;font-weight:900;display:grid}.health-ok .health-hero-icon{color:#15803d;background:#16a34a24}.health-warning .health-hero-icon{color:#b45309;background:#d9770624}.health-critical .health-hero-icon{background:color-mix(in srgb, var(--danger) 13%, transparent);color:var(--danger)}.health-hero-copy{min-width:0}.health-eyebrow{color:var(--app-accent);letter-spacing:.09em;font-size:11px;font-weight:900}.health-hero h1{color:var(--app-text);margin:2px 0 4px}.health-hero p{color:var(--app-text-muted);margin:0;line-height:1.45}.health-hero time{color:var(--app-text-muted);margin-top:8px;font-size:11px;display:block}.health-hero>button,.health-filter-tabs button,.health-check-card button{border:1px solid var(--app-border-strong);background:var(--app-surface-muted);min-height:40px;color:var(--app-text);cursor:pointer;border-radius:10px;font-weight:800}.health-hero>button{padding:0 15px}.health-hero>button:hover,.health-filter-tabs button:hover,.health-check-card button:hover{border-color:var(--app-accent);color:var(--app-accent)}.health-hero>button:disabled{cursor:wait;opacity:.6}.health-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.health-summary-grid>button{border:1px solid var(--app-border);background:var(--app-surface);min-height:70px;color:var(--app-text-muted);text-align:left;cursor:pointer;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:15px 17px;display:grid}.health-summary-grid>button:hover,.health-summary-grid>button.selected{border-color:var(--app-accent);box-shadow:0 0 0 2px var(--app-accent-soft)}.health-summary-grid strong{color:var(--app-text);font-size:23px}.health-summary-grid span:not(.health-summary-dot){font-size:12px;font-weight:800}.health-summary-dot{border-radius:50%;width:10px;height:10px}.health-summary-dot.critical{background:var(--danger)}.health-summary-dot.warning{background:#d97706}.health-summary-dot.ok{background:#16a34a}.health-summary-dot.all{background:var(--app-accent)}.health-toolbar{border:1px solid var(--app-border);background:var(--app-surface);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:17px 19px;display:flex}.health-toolbar h2{color:var(--app-text);margin:0;font-size:17px}.health-toolbar p{color:var(--app-text-muted);margin:4px 0 0;font-size:12px}.health-filter-tabs{gap:7px;display:flex}.health-filter-tabs button{padding:0 12px}.health-filter-tabs button.selected{border-color:var(--app-accent);background:var(--app-accent);color:#fff}.health-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.health-check-card{border:1px solid var(--app-border);background:var(--app-surface);border-left-width:4px;border-radius:15px;grid-template-columns:auto minmax(0,1fr);gap:13px;min-width:0;padding:17px;display:grid}.health-check-card.health-critical{border-left-color:var(--danger)}.health-check-card.health-warning{border-left-color:#d97706}.health-check-card.health-ok{border-left-color:#16a34a}.health-check-status{border-radius:10px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.health-critical .health-check-status{background:color-mix(in srgb, var(--danger) 13%, transparent);color:var(--danger)}.health-warning .health-check-status{color:#b45309;background:#d9770621}.health-ok .health-check-status{color:#15803d;background:#16a34a21}.health-check-content{min-width:0}.health-check-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.health-check-heading>div{min-width:0}.health-check-heading span{color:var(--app-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:900}.health-check-heading h3{color:var(--app-text);margin:2px 0 0;font-size:15px}.health-check-heading>strong{background:var(--app-surface-muted);color:var(--app-text-muted);text-transform:uppercase;border-radius:999px;flex:none;padding:4px 7px;font-size:9px}.health-check-card p{color:var(--app-text-muted);margin:8px 0 0;font-size:12px;line-height:1.5}.health-check-card button{margin-top:13px;padding:0 11px}.health-empty-state{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text-muted);text-align:center;border-radius:16px;gap:6px;padding:50px 20px;display:grid}.health-empty-state strong{color:var(--app-text)}@media (width<=900px){.health-summary-grid,.health-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.health-hero{grid-template-columns:auto minmax(0,1fr);padding:18px}.health-hero>button{grid-column:1/-1;width:100%}.health-summary-grid,.health-check-grid{grid-template-columns:1fr}.health-toolbar{flex-direction:column;align-items:stretch}.health-filter-tabs{grid-template-columns:1fr 1fr;display:grid}.health-check-heading{flex-direction:column;align-items:flex-start}}.audit-page{color:var(--app-text)}.audit-page-header{border:1px solid var(--app-border);background:var(--app-surface);border-radius:18px;margin-bottom:16px;padding:22px 24px}.audit-page-header h1,.audit-list-heading h2,.audit-event h3{color:var(--app-text);margin:0}.audit-page-header p,.audit-list-heading p,.audit-event>div>p{color:var(--app-text-muted)}.audit-page-header p{margin:6px 0 0}.audit-eyebrow{color:var(--app-accent);letter-spacing:.09em;font-size:11px;font-weight:900}.audit-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.audit-summary-grid article{border:1px solid var(--app-border);background:var(--app-surface);border-radius:15px;gap:7px;padding:17px 18px;display:grid}.audit-summary-grid span{color:var(--app-text-muted);font-size:12px;font-weight:700}.audit-summary-grid strong{color:var(--app-text);font-size:24px}.audit-filter-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:16px;grid-template-columns:minmax(150px,.55fr) minmax(150px,.55fr) minmax(190px,.7fr) minmax(240px,1.3fr);gap:12px;margin-bottom:16px;padding:17px;display:grid}.audit-filter-card label{gap:7px;min-width:0;display:grid}.audit-filter-card label>span{color:var(--app-text-muted);font-size:11px;font-weight:800}.audit-filter-card input,.audit-filter-card select{border:1px solid var(--app-border-strong);background:var(--app-surface-muted);width:100%;min-height:42px;color:var(--app-text);border-radius:10px;padding:0 11px}.audit-list-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:18px;overflow:hidden}.audit-list-heading{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.audit-list-heading p{margin:4px 0 0;font-size:12px}.audit-list-heading button{border:1px solid var(--app-border-strong);background:var(--app-surface-muted);min-height:38px;color:var(--app-text);cursor:pointer;border-radius:9px;padding:0 13px;font-weight:750}.audit-list-heading button:disabled{cursor:wait;opacity:.6}.audit-event-list{display:grid}.audit-event{border-bottom:1px solid var(--app-border);grid-template-columns:12px minmax(0,1fr);gap:13px;padding:16px 20px;display:grid}.audit-event:last-child{border-bottom:0}.audit-event-marker{background:var(--app-accent);width:10px;height:10px;box-shadow:0 0 0 4px var(--app-accent-soft);border-radius:50%;margin-top:6px}.audit-source-reset .audit-event-marker{background:var(--danger);box-shadow:0 0 0 4px color-mix(in srgb, var(--danger) 12%, transparent)}.audit-source-inventory .audit-event-marker{background:#16a34a;box-shadow:0 0 0 4px #16a34a1f}.audit-source-payment_calendar .audit-event-marker{background:#7c3aed;box-shadow:0 0 0 4px #7c3aed1f}.audit-event-main{min-width:0}.audit-event-title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.audit-event-title-row>div{gap:3px;min-width:0;display:grid}.audit-event-title-row span{color:var(--app-text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:850}.audit-event-title-row h3{overflow-wrap:anywhere;font-size:15px}.audit-event-title-row>strong{background:var(--app-surface-muted);color:var(--app-text);border-radius:999px;flex:none;padding:5px 8px;font-size:10px}.audit-event-main>p{margin:7px 0 10px;font-size:12px;line-height:1.45}.audit-event-meta{color:var(--app-text-muted);flex-wrap:wrap;gap:6px 14px;font-size:11px;display:flex}.audit-event-meta time{margin-left:auto}.audit-empty-state{color:var(--app-text-muted);text-align:center;padding:44px 20px}@media (width<=900px){.audit-summary-grid,.audit-filter-card{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-search-field{grid-column:1/-1}}@media (width<=520px){.audit-page-header{border-radius:15px;padding:18px}.audit-summary-grid,.audit-filter-card{grid-template-columns:1fr}.audit-search-field{grid-column:auto}.audit-list-heading,.audit-event-title-row{flex-direction:column;align-items:stretch}.audit-list-heading button{width:100%}.audit-event{padding:15px}.audit-event-title-row>strong{align-self:flex-start}.audit-event-meta{display:grid}.audit-event-meta time{margin-left:0}}.operational-compensation-card{border-color:#cbd5e1;margin-top:16px;overflow:hidden}.operational-compensation-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:20px;display:flex}.operational-compensation-header:before{background:#2563eb}.operational-compensation-title-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.operational-compensation-title-line h3{margin:0}.operational-compensation-title-line>span,.operational-compensation-modal-eyebrow{color:#1d4ed8;letter-spacing:.035em;text-transform:uppercase;background:#dbeafe;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.operational-compensation-edit-button{flex:none}.operational-compensation-message{margin:14px 18px 0}.operational-compensation-loading{color:#64748b;text-align:center;padding:30px 20px;font-size:13px}.operational-compensation-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px;display:grid}.operational-compensation-summary>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;align-content:start;gap:6px;min-width:0;padding:13px 14px;display:grid}.operational-compensation-summary span,.operational-compensation-history-item span{color:#64748b;letter-spacing:.025em;text-transform:uppercase;font-size:10px;font-weight:750}.operational-compensation-summary strong,.operational-compensation-history-item strong{color:#172033;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.operational-compensation-summary .operational-compensation-primary-value{background:#eff6ff;border-color:#93c5fd;box-shadow:inset 3px 0 #2563eb}.operational-compensation-primary-value strong{color:#1e3a8a;font-variant-numeric:tabular-nums;font-size:15px}.operational-compensation-note-value{grid-column:span 2}.operational-compensation-history{border-top:1px solid #e2e8f0;margin:0 18px 18px;padding-top:16px}.operational-compensation-history-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.operational-compensation-history-heading h4{color:#172033;margin:0 0 3px;font-size:14px}.operational-compensation-history-heading p{color:#64748b;margin:0;font-size:11px}.operational-compensation-history-list{gap:8px;display:grid}.operational-compensation-history-item{background:#fbfdff;border:1px solid #e5eaf0;border-radius:10px;grid-template-columns:minmax(180px,1fr) minmax(190px,.8fr) minmax(160px,1.2fr);gap:12px;padding:12px 14px;display:grid}.operational-compensation-history-item>div{align-content:start;gap:4px;min-width:0;display:grid}.operational-compensation-history-item>div:nth-child(2) strong{color:#0f172a;font-variant-numeric:tabular-nums}.operational-compensation-empty{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:11px;align-items:center;gap:12px;min-height:86px;padding:15px;display:flex}.operational-compensation-empty>span{color:#1d4ed8;background:#dbeafe;border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-weight:850;display:inline-grid}.operational-compensation-empty>div{gap:3px;display:grid}.operational-compensation-empty strong{color:#172033;font-size:13px}.operational-compensation-empty small{color:#64748b;font-size:11px;line-height:1.4}.operational-compensation-modal{width:min(720px,100%);max-height:min(760px,100dvh - 40px)}.operational-compensation-modal form{min-height:0;overflow:hidden}.operational-compensation-modal-eyebrow{width:fit-content;margin-bottom:7px}.operational-compensation-modal-body{scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin;min-height:0;padding:20px 22px;overflow-y:auto}.operational-compensation-modal-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;gap:4px;margin-bottom:18px;padding:12px 14px;display:grid}.operational-compensation-modal-info strong{color:#1e3a8a;font-size:12px}.operational-compensation-modal-info span,.operational-compensation-history-help{color:#475569;font-size:11px;line-height:1.5}.operational-compensation-form-grid{margin:0}.operational-compensation-money-input{position:relative}.operational-compensation-money-input input{width:100%;padding-right:72px}.operational-compensation-money-input>span{color:#64748b;pointer-events:none;font-size:11px;font-weight:750;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.operational-compensation-history-help{margin:15px 0 0}.operational-compensation-modal-footer{margin:0}html[data-theme=dark] :is(.operational-compensation-card,.operational-compensation-summary>div,.operational-compensation-history-item,.operational-compensation-empty,.operational-compensation-modal,.operational-compensation-modal-info){border-color:var(--app-border)!important;background:var(--app-surface)!important}html[data-theme=dark] .operational-compensation-summary .operational-compensation-primary-value{background:#2563eb1f!important;border-color:#1d4ed8!important}html[data-theme=dark] :is(.operational-compensation-summary strong,.operational-compensation-history-item strong,.operational-compensation-history-heading h4,.operational-compensation-empty strong,.operational-compensation-primary-value strong,.operational-compensation-modal-info strong){color:var(--app-text)!important}html[data-theme=dark] :is(.operational-compensation-summary span,.operational-compensation-history-item span,.operational-compensation-history-heading p,.operational-compensation-empty small,.operational-compensation-modal-info span,.operational-compensation-history-help){color:var(--app-text-muted)!important}html[data-theme=dark] .operational-compensation-history{border-color:var(--app-border)}@media (width<=900px){.operational-compensation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.operational-compensation-note-value{grid-column:1/-1}.operational-compensation-history-item{grid-template-columns:repeat(2,minmax(0,1fr))}.operational-compensation-history-note{grid-column:1/-1}}@media (width<=768px){.operational-compensation-card{margin-top:13px}.operational-compensation-header,.operational-compensation-history-heading{flex-direction:column;align-items:flex-start}.operational-compensation-edit-button{width:100%;min-height:46px}.operational-compensation-summary{padding:14px}.operational-compensation-history{margin:0 14px 15px}.operational-compensation-modal{max-height:calc(100dvh - 24px)}.operational-compensation-modal-body{padding:16px}.operational-compensation-modal-footer button{min-height:46px}}@media (width<=520px){.operational-compensation-summary,.operational-compensation-history-item{grid-template-columns:minmax(0,1fr)}.operational-compensation-note-value,.operational-compensation-history-note{grid-column:auto}.operational-compensation-modal-footer{grid-template-columns:1fr;display:grid}.operational-compensation-modal-footer button{width:100%}}html,body,#root{min-width:320px;min-height:100%}html{-webkit-text-size-adjust:100%}body{color:#111827;background:#f4f6f8;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,select,textarea{font-family:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #4f46e547}.app{background:#f4f6f8;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:30px;display:flex}.login-card{text-align:center;background:#fff;border-radius:18px;width:min(420px,100%);padding:42px;box-shadow:0 20px 50px #0f172a1f}.logo-box{color:#fff;background:#111827;border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 20px;font-size:20px;font-weight:800;display:flex}.login-card h1{color:#111827;margin:0 0 8px;font-size:32px}.subtitle{color:#64748b;margin:0 0 30px}.login-card form{text-align:left;flex-direction:column;gap:8px;display:flex}.login-card label{color:#334155;margin-top:8px;font-size:14px;font-weight:600}.login-card input{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;height:46px;padding:0 13px}.login-card input:focus{border-color:#64748b;box-shadow:0 0 0 3px #64748b1f}.login-card button{color:#fff;background:#111827;border:0;border-radius:9px;height:46px;margin-top:15px;font-weight:600}.login-card button:hover{background:#1f2937}.error-message{color:#b91c1c;background:#fef2f2;border-radius:8px;margin-top:10px;padding:10px;font-size:13px}.footer-text{color:#94a3b8;margin:25px 0 0;font-size:12px}.dashboard{background:#f4f6f8;min-height:100dvh;display:flex}.sidebar{width:285px;padding:calc(28px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));color:#fff;z-index:100;background:#111827;flex-direction:column;transition:width .18s,padding .18s;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:14px;margin-bottom:30px;padding:8px 8px 28px;display:flex;position:relative}.sidebar-collapse-button{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:9px;flex:0 0 32px;width:32px;height:32px;margin-left:auto;font-size:17px;line-height:1}.sidebar-collapse-button:hover,.sidebar-collapse-button:focus-visible{color:#fff;background:#ffffff1a;border-color:#ffffff47;outline:none}.mobile-menu-button{display:none}.brand-logo{color:#111827;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:17px;font-weight:800;display:flex}.brand-text{flex-direction:column;gap:4px;display:flex}.brand-text strong{font-size:16px}.brand-text span{color:#94a3b8;font-size:12px}.menu{scrollbar-width:thin;flex-direction:column;gap:5px;min-height:0;padding-right:3px;display:flex;overflow-y:auto}.menu-section{color:#71819c;letter-spacing:.08em;margin:18px 14px 9px;font-size:11px;font-weight:700}.menu-item{color:#e2e8f0;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:14px;width:100%;min-height:46px;padding:13px 16px;font-size:14px;transition:background .15s,color .15s;display:flex}.menu-item .menu-icon,.logout-button .menu-icon{text-align:center;flex:0 0 20px;width:20px;font-size:16px}.menu-label{min-width:0}.menu-item .menu-notification-badge{box-sizing:border-box;color:#fff;background:#dc2626;border-radius:999px;flex:none;justify-content:center;align-items:center;width:auto;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.menu-item:hover{background:#ffffff0f}.menu-item.active{color:#111827;background:#fff}.logout-button{color:#e2e8f0;background:0 0;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:14px;width:100%;min-height:46px;margin-top:auto;padding:14px 16px;font-size:14px;display:flex}.logout-button:hover{background:#ffffff0f}.main-content{flex:1;width:calc(100% - 285px);min-width:0;min-height:100dvh;margin-left:285px;padding:42px 48px 60px;transition:width .18s,margin-left .18s}.topbar{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.topbar h1{color:#111827;margin:0 0 8px;font-size:34px;line-height:1.1}.topbar p{color:#64748b;margin:0;font-size:15px}.user-info{align-items:center;gap:12px;display:flex}.avatar{color:#fff;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-weight:700;display:flex}.user-details{flex-direction:column;gap:4px;display:flex}.user-details strong{font-size:14px}.user-details span{color:#64748b;text-transform:uppercase;font-size:12px}.eyebrow{color:#94a3b8;letter-spacing:.1em;margin-bottom:14px;font-size:12px;font-weight:700;display:block}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px;display:grid}.synchronized-scroll-area{min-width:0;position:relative}.synchronized-scroll-top{z-index:8;background:var(--surface,#f8fafc);scrollbar-width:auto;scrollbar-color:#8193ad #e2e8f0;height:17px;position:sticky;top:0;overflow:auto hidden}.synchronized-scroll-top:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (width<=768px){.synchronized-scroll-top{display:none}}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.panel-header{border-bottom:1px solid #e2e8f0;padding:24px}.panel-header h3{color:#111827;margin:0 0 7px;font-size:18px}.panel-header p{color:#94a3b8;margin:0;font-size:13px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:250px;padding:30px;display:flex}.empty-state div{margin-bottom:8px;font-size:34px}.empty-state strong{color:#334155;font-size:15px}.empty-state span{color:#94a3b8;font-size:13px}.page{width:100%;max-width:1760px;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.page-header h1{color:#111827;margin:0 0 8px;font-size:34px;line-height:1.15}.page-header p{color:#64748b;margin:0;font-size:15px}.primary-button{color:#fff;background:#111827;border:0;border-radius:10px;min-height:44px;padding:0 18px;font-size:14px;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s}.primary-button:hover{background:#1f2937;box-shadow:0 8px 20px #0f172a1f}.primary-button:active{transform:translateY(1px)}.toolbar{gap:10px;margin-bottom:20px;display:flex}.toolbar input,.toolbar select{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;height:42px;padding:0 12px}.search-input{width:360px}.toolbar select{min-width:170px}.personel-success-message,.personel-error-message{border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;font-size:14px;font-weight:500;display:flex}.personel-success-message{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.personel-error-message{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.personel-success-message>span,.personel-error-message>span{border-radius:50%;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:flex}.personel-success-message>span{background:#d1fae5}.personel-error-message>span{background:#fee2e2}.personel-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.personel-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:15px;min-height:100px;padding:20px 22px;display:flex;box-shadow:0 2px 8px #0f172a05}.personel-summary-icon{color:#334155;background:#f1f5f9;border-radius:12px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:800;display:flex}.personel-summary-card>div:last-child{flex-direction:column;gap:5px;min-width:0;display:flex}.personel-summary-card span{color:#64748b;font-size:13px;font-weight:500}.personel-summary-card strong{color:#111827;font-size:26px;line-height:1}.personel-filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:20px;padding:18px}.personel-filter-top{grid-template-columns:minmax(260px,1fr) 240px;gap:12px;margin-bottom:12px;display:grid}.personel-filter-bottom{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(150px,.7fr) auto;align-items:center;gap:12px;display:grid}.personel-search-wrapper{min-width:0;position:relative}.personel-search-wrapper>span{color:#94a3b8;pointer-events:none;font-size:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.personel-search-input,.personel-sort-select,.personel-filter-bottom select{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:46px;font-size:14px;transition:border-color .15s,box-shadow .15s}.personel-search-input{padding:0 14px 0 42px}.personel-sort-select,.personel-filter-bottom select{padding:0 12px}.personel-search-input:focus,.personel-sort-select:focus,.personel-filter-bottom select:focus{border-color:#64748b;box-shadow:0 0 0 3px #64748b1a}.personel-search-input::placeholder{color:#94a3b8}.clear-filter-button{color:#475569;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:10px;min-height:46px;padding:0 16px;font-size:13px;font-weight:700}.clear-filter-button:hover{background:#f8fafc;border-color:#94a3b8}.personel-list-panel{overflow:visible}.personel-list-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.personel-list-header h3{color:#111827;margin:0 0 6px;font-size:19px}.personel-list-header p{color:#94a3b8;margin:0;font-size:13px}.personel-list-count{color:#475569;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-width:42px;height:34px;padding:0 12px;font-size:13px;font-weight:800;display:flex}.personel-table-wrapper{width:100%;overflow:auto visible}.personel-table{border-collapse:separate;border-spacing:0;table-layout:auto;width:100%;min-width:1000px}.personel-table thead th{color:#64748b;text-align:left;letter-spacing:.02em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:12px;font-weight:700}.personel-table tbody td{color:#334155;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:17px 18px;font-size:14px}.personel-table tbody tr:last-child td{border-bottom:0}.personel-table-row{transition:background .15s,box-shadow .15s}.personel-table-row:hover{background:#f8fafc}.personel-name-cell{align-items:center;gap:13px;min-width:245px;display:flex}.personel-avatar{color:#3730a3;letter-spacing:.02em;background:#eef2ff;border-radius:11px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:flex}.personel-name-info{flex-direction:column;gap:4px;min-width:0;display:flex}.personel-name-info strong{color:#172033;font-size:14px;font-weight:700;line-height:1.35;display:block}.personel-name-info span{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;max-width:230px;font-size:12px;display:block;overflow:hidden}.personel-department,.personel-position,.personel-phone,.personel-date{color:#475569;white-space:nowrap;display:inline-block}.personel-department,.personel-position{font-weight:500}.personel-status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.personel-status-badge.active{color:#166534;background:#dcfce7}.personel-status-badge.passive{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.personel-status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.personel-actions-header{width:80px;text-align:center!important}.personel-actions-cell{text-align:center;width:80px;position:relative;overflow:visible}.personel-action-button{color:#64748b;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;line-height:1;display:inline-flex}.personel-action-button:hover{color:#111827;background:#f1f5f9;border-color:#e2e8f0}.personel-action-menu{z-index:50;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:190px;padding:6px;position:absolute;top:calc(50% + 20px);right:16px;box-shadow:0 16px 35px #0f172a24,0 2px 8px #0f172a0f}.personel-action-menu button{color:#334155;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 11px;font-size:13px;font-weight:600;display:flex}.personel-action-menu button:hover{background:#f8fafc}.personel-action-menu button.danger{color:#b91c1c}.personel-action-menu button.danger:hover{background:#fef2f2}.personel-delete-overlay{z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.personel-delete-modal{background:#fff;border-radius:18px;width:min(480px,100%);max-height:calc(100dvh - 48px);padding:30px;overflow-y:auto;box-shadow:0 30px 80px #0f172a47}.personel-delete-icon{background:#fef2f2;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;font-size:22px;display:flex}.personel-delete-modal h2{color:#111827;margin:0 0 10px;font-size:22px}.personel-delete-modal>p{color:#64748b;margin:0;font-size:14px;line-height:1.6}.personel-delete-modal>p strong{color:#111827}.personel-delete-warning{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:11px;flex-direction:column;gap:5px;margin-top:20px;padding:14px 16px;font-size:13px;line-height:1.55;display:flex}.personel-delete-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-top:16px;padding:12px 14px;font-size:13px}.personel-delete-footer{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.personel-cancel-delete,.personel-confirm-delete{border-radius:10px;min-height:44px;padding:0 17px;font-size:13px;font-weight:700}.personel-cancel-delete{color:#334155;background:#fff;border:1px solid #cbd5e1}.personel-cancel-delete:hover{background:#f8fafc}.personel-confirm-delete{color:#fff;background:#b91c1c;border:0}.personel-confirm-delete:hover{background:#991b1b}.personel-cancel-delete:disabled,.personel-confirm-delete:disabled{opacity:.55}.modal-overlay{z-index:9999;background:#0f172a9e;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:18px;width:min(1050px,100%);max-height:calc(100dvh - 50px);overflow-y:auto;box-shadow:0 30px 70px #0f172a4d}.modal form{padding:30px}.modal form section{margin-bottom:30px}.modal form section h3{color:#111827;border-bottom:1px solid #e2e8f0;margin:0 0 18px;padding-bottom:12px;font-size:17px}.modal label{color:#334155;flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.modal input,.modal select,.modal textarea{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%}.modal input,.modal select{height:43px;padding:0 12px}.modal textarea{resize:vertical;min-height:90px;padding:11px 12px}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#64748b;outline:none;box-shadow:0 0 0 3px #64748b1a}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:4px 22px 22px;display:grid}.detail-grid>div{border-bottom:1px solid #eef2f7;min-width:0;padding:16px 10px}.detail-grid>div:nth-last-child(-n+2){border-bottom:none}.detail-grid span{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.detail-grid strong{color:#172033;word-break:break-word;font-size:14px;font-weight:600;line-height:1.5;display:block}.edit-modal{background:#fff;border-radius:18px;width:min(1100px,100vw - 40px);max-height:calc(100dvh - 40px);padding:0;overflow-y:auto;box-shadow:0 30px 70px #0f172a47}.edit-modal-header{z-index:5;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:22px 28px;display:flex;position:sticky;top:0}.edit-modal-header h2{color:#172033;margin:0;font-size:24px}.edit-modal-header p{color:#64748b;margin:5px 0 0;font-size:13px}.edit-modal-close{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;flex:0 0 44px;width:44px;height:44px;font-size:20px}.edit-modal-close:hover{background:#e2e8f0}.edit-form{padding:26px 28px 90px}.edit-section{margin-bottom:28px}.edit-section-title{color:#172033;border-bottom:1px solid #e5e7eb;margin:0 0 16px;padding-bottom:10px;font-size:17px;font-weight:700}.edit-section-info{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;margin:-4px 0 18px;padding:11px 14px;font-size:12px;line-height:1.5}.edit-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;display:grid}.edit-form-field{min-width:0}.edit-form-field.full{grid-column:1/-1}.edit-form-field label{color:#475569;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.edit-form-field input,.edit-form-field select,.edit-form-field textarea{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:40px;padding:9px 11px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.edit-form-field textarea{resize:vertical;min-height:100px}.edit-form-field input:focus,.edit-form-field select:focus,.edit-form-field textarea:focus{border-color:#64748b;box-shadow:0 0 0 3px #64748b1f}.edit-checkbox{align-items:center;gap:9px;min-height:40px;display:flex}.edit-checkbox input{width:16px;height:16px;margin:0}.edit-checkbox label{cursor:pointer;color:#334155;margin:0;font-size:13px;font-weight:500}.edit-warning{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:9px;margin-top:4px;padding:11px 14px;font-size:12px;line-height:1.5}.personel-rehire-section{background:#f8fbff;border:1px solid #bfdbfe;border-radius:12px;padding:18px}.personel-rehire-description{color:#64748b;margin:-5px 0 16px;font-size:13px;line-height:1.55}.personel-rehire-grid{align-items:end}.personel-rehire-action{align-items:flex-end;display:flex}.personel-rehire-action button{width:100%;min-height:44px}.personel-rehire-help{color:#64748b;margin-top:12px;line-height:1.5;display:block}.employee-documents-panel{margin-top:20px}.employee-documents-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.employee-documents-header-actions{align-items:center;gap:12px;display:flex}.employee-documents-header-actions>span{color:#64748b;font-size:13px}.employee-document-upload-button{min-height:42px}.employee-document-message{border-radius:10px;margin:0 22px 18px;padding:12px 14px;font-size:13px}.employee-document-message.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.employee-document-message.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.employee-documents-empty{color:#64748b;text-align:center;flex-direction:column;align-items:center;gap:7px;padding:36px 22px;display:flex}.employee-documents-empty>span{font-size:28px}.employee-documents-empty strong{color:#334155;font-size:14px}.employee-documents-empty small{max-width:480px;line-height:1.5}.employee-documents-list{padding:0 22px 22px;overflow-x:auto}.employee-document-list-header,.employee-document-row{grid-template-columns:minmax(170px,1.35fr) minmax(160px,1.25fr) minmax(145px,1fr) minmax(120px,.8fr) minmax(110px,.75fr) minmax(220px,1.35fr);align-items:center;gap:14px;min-width:1030px;display:grid}.employee-document-list-header{color:#64748b;text-transform:uppercase;letter-spacing:.035em;background:#f8fafc;border-radius:9px;padding:10px 12px;font-size:11px;font-weight:750}.employee-document-row{color:#475569;border-bottom:1px solid #eef2f7;padding:15px 12px;font-size:13px}.employee-document-row:last-child{border-bottom:0}.employee-document-field{min-width:0}.employee-document-type{align-items:center;gap:9px;display:flex}.employee-document-type-icon{background:#f5f3ff;border-radius:9px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.employee-document-field strong{color:#172033;font-size:13px}.employee-document-file-name strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.employee-document-expiry{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.employee-document-expiry strong{color:#b91c1c;background:#fee2e2;border-radius:999px;padding:3px 7px;font-size:10px}.employee-document-sensitive-badge{color:#c2410c;background:#fff7ed;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:750;display:inline-flex}.employee-document-actions{flex-wrap:wrap;gap:7px;display:flex}.employee-document-actions button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:36px;padding:0 11px;font-size:12px;font-weight:700}.employee-document-actions button:hover{background:#f8fafc}.employee-document-actions button.danger{color:#b91c1c;border-color:#fecaca}.employee-document-actions button.danger:hover{background:#fef2f2}.employee-document-actions button:disabled{cursor:wait;opacity:.55}.employee-document-mobile-label{display:none}.employee-document-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a94;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.employee-document-modal{width:min(620px,100%);max-height:min(760px,100dvh - 30px)}.employee-document-upload-form{padding-bottom:20px}.employee-document-upload-form .edit-section{margin-bottom:0}.employee-document-upload-form .employee-document-message{margin:0 0 18px}.employee-document-file-help{color:#64748b;margin-top:7px;font-size:11px;line-height:1.45;display:block}.employee-document-sensitive-option{background:#fff7ed;border-radius:9px;grid-column:1/-1;padding:10px 12px}.employee-document-modal-footer{position:sticky}.employee-document-delete-modal>p{overflow-wrap:anywhere}.edit-modal-footer{z-index:5;padding:16px 28px calc(16px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;display:flex;position:sticky;bottom:0}.edit-cancel-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600}.edit-cancel-button:hover{background:#f8fafc}.edit-save-button{color:#fff;cursor:pointer;background:#172033;border:none;border-radius:8px;min-height:44px;padding:0 20px;font-size:14px;font-weight:600}.edit-save-button:hover{background:#0f172a}.edit-save-button:disabled,.edit-cancel-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=1180px){.personel-filter-top{grid-template-columns:1fr 220px}.personel-filter-bottom{grid-template-columns:repeat(2,1fr)}.clear-filter-button{width:100%}}@media (width<=1000px){.sidebar{width:230px}.main-content{width:calc(100% - 230px);margin-left:230px;padding:34px 28px 50px}.stats-grid{grid-template-columns:repeat(2,1fr)}.personel-summary{grid-template-columns:1fr}}@media (width<=800px){.edit-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.edit-modal-header{padding:18px 20px}.edit-form{padding:22px 20px 85px}.edit-form-grid{grid-template-columns:1fr;gap:16px}.edit-form-field.full{grid-column:auto}.edit-modal-footer{padding:14px 20px calc(14px + env(safe-area-inset-bottom))}}@media (width<=768px){input,select,textarea{font-size:16px}.edit-form-field input,.edit-form-field select,.edit-checkbox{min-height:44px}.employee-documents-header,.employee-documents-header-actions{flex-direction:column;align-items:stretch}.employee-documents-header-actions>span{text-align:left}.employee-document-upload-button{width:100%;min-height:46px}.employee-document-message{margin-left:16px;margin-right:16px}.employee-documents-list{padding:0 16px 18px;overflow:visible}.employee-document-list-header{display:none}.employee-document-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1fr;gap:12px;min-width:0;margin-bottom:12px;padding:15px}.employee-document-row:last-child{border-bottom:1px solid #e2e8f0}.employee-document-field{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:10px;display:grid}.employee-document-type{grid-template-columns:112px 34px minmax(0,1fr)}.employee-document-mobile-label{color:#64748b;font-size:11px;font-weight:700;display:block}.employee-document-file-name strong{overflow-wrap:anywhere;white-space:normal;overflow:visible}.employee-document-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.employee-document-actions button{min-width:0;min-height:44px;padding:0 8px}.employee-document-modal-overlay{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));align-items:stretch}.employee-document-modal{max-height:calc(100dvh - 20px)}.employee-document-upload-form{padding-bottom:20px}.employee-document-upload-form input,.employee-document-upload-form select{min-height:46px}.employee-document-modal-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.employee-document-modal-footer button{width:100%;min-width:0;min-height:46px}.employee-document-delete-modal .personel-delete-footer{padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.employee-document-delete-modal .personel-delete-footer button{min-width:0;min-height:46px}}@media (width<=390px){.employee-document-field,.employee-document-type{grid-template-columns:1fr}.employee-document-type-icon{display:none}.employee-document-actions{grid-template-columns:1fr}}@media (width<=768px){.app{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));align-items:flex-start}.login-card{width:calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));max-width:420px;margin:auto 0;padding:28px 22px}.login-card form,.login-card input,.login-card button{min-width:0;max-width:100%}.login-card h1{font-size:28px}.dashboard{flex-direction:column}.sidebar{width:100%;min-height:auto;padding:calc(10px + env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 10px max(18px, env(safe-area-inset-left));z-index:200;position:sticky;top:0;box-shadow:0 8px 24px #0f172a2e}.brand{border-bottom:0;min-height:48px;margin-bottom:0;padding:0}.brand-logo{border-radius:10px;flex:0 0 40px;width:40px;height:40px;font-size:14px}.brand-text{gap:1px}.brand-text strong{font-size:14px}.brand-text span{font-size:10px}.mobile-menu-button{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:82px;min-height:42px;margin-left:auto;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.mobile-menu-button>span:first-child{font-size:18px;line-height:1}.menu{border-top:1px solid #ffffff1a;grid-template-columns:repeat(2,1fr);max-height:calc(100dvh - 92px);margin-top:12px;padding-bottom:10px;padding-right:0;display:none;overflow-y:auto}.sidebar.mobile-menu-open .menu{display:grid}.menu-item{gap:8px;min-width:0;min-height:48px;padding-left:10px;padding-right:10px}.menu-section{grid-column:1/-1}.logout-button{margin-top:10px;display:none}.sidebar.mobile-menu-open .logout-button{display:flex}.main-content{width:100%;padding:24px max(16px, env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin-left:0}.topbar{flex-direction:column;align-items:flex-start;gap:20px}.stats-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch;gap:18px}.page-header .primary-button{width:100%}.page-header h1{font-size:29px}.toolbar{flex-direction:column}.search-input{width:100%}.modal-overlay{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}.modal{max-height:calc(100dvh - 20px)}.modal form{padding:22px 18px calc(22px + env(safe-area-inset-bottom))}.personel-create-actions{padding-bottom:env(safe-area-inset-bottom);grid-template-columns:1fr;display:grid!important}.personel-create-actions button{width:100%;min-height:46px}.detail-grid{grid-template-columns:1fr}.detail-grid>div{border-bottom:1px solid #eef2f7!important}.detail-grid>div:last-child{border-bottom:none!important}.personel-summary{grid-template-columns:1fr;gap:10px}.personel-summary-card{min-height:82px;padding:15px 16px}.personel-summary-icon{flex-basis:40px;width:40px;height:40px}.personel-summary-card strong{font-size:22px}.personel-filter-panel{padding:14px}.personel-filter-top,.personel-filter-bottom{grid-template-columns:1fr}.personel-list-header{padding:18px}.personel-list-count{display:none}.personel-table-wrapper{padding:12px;overflow:visible}.personel-table{min-width:0;display:block}.personel-table thead{display:none}.personel-table tbody{gap:12px;display:grid}.personel-table-row{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:5px 14px;display:block;position:relative;box-shadow:0 4px 14px #0f172a0a}.personel-table tbody .personel-table-row>td{text-align:right;border-bottom:1px solid #eef2f7;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:9px 0;display:grid}.personel-table tbody .personel-table-row>td:before{content:attr(data-label);color:#64748b;text-align:left;font-size:11px;font-weight:700}.personel-table tbody .personel-table-row>td:first-child{text-align:left;padding-top:12px;padding-bottom:12px;display:block}.personel-table tbody .personel-table-row>td:first-child:before{display:none}.personel-table tbody .personel-table-row>td:last-child{border-bottom:0}.personel-table tbody .personel-actions-cell{width:100%}.personel-actions-cell .personel-action-button{justify-self:end}.personel-action-menu{top:auto;bottom:50px;right:0}.personel-name-cell{min-width:0}.personel-name-info span{max-width:min(230px,100vw - 120px)}.personel-department,.personel-position,.personel-phone,.personel-date,.personel-status-badge{white-space:normal;justify-self:end}.personel-delete-footer{padding-bottom:env(safe-area-inset-bottom);flex-direction:column-reverse}.personel-delete-overlay{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));align-items:flex-start}.personel-delete-modal{max-height:100%}.personel-cancel-delete,.personel-confirm-delete{width:100%}}.personel-page-actions,.izin-page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vardiya-export-control{position:relative}.vardiya-export-button{justify-content:center;align-items:center;gap:8px;min-width:128px;min-height:44px;display:inline-flex}.vardiya-export-button span{font-size:16px;line-height:1}.vardiya-export-menu{z-index:30;overscroll-behavior:contain;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:min(290px,100vw - 32px);max-height:min(420px,60dvh);padding:7px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 18px 45px #0f172a29}.vardiya-export-menu button{color:#172033;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:56px;padding:9px 10px;display:flex}.vardiya-export-menu button:hover,.vardiya-export-menu button:focus-visible{background:#f5f3ff;outline:none}.vardiya-export-menu button>span:first-child{color:#6d28d9;background:#ede9fe;border-radius:8px;flex:0 0 44px;justify-content:center;align-items:center;min-height:32px;font-size:10px;font-weight:800;display:inline-flex}.vardiya-export-menu button>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.vardiya-export-menu strong{font-size:13px}.vardiya-export-menu small{color:#64748b;font-size:11px}.report-export-menu-note{color:#64748b;border-bottom:1px solid #e2e8f0;margin:0 3px 5px;padding:7px 8px;font-size:10px;line-height:1.4}html[data-theme=dark] .vardiya-export-menu{border-color:var(--app-border);background:var(--app-surface-elevated);box-shadow:0 18px 45px #00000057}html[data-theme=dark] .vardiya-export-menu button{color:var(--app-text)}html[data-theme=dark] .vardiya-export-menu button:hover,html[data-theme=dark] .vardiya-export-menu button:focus-visible{background:var(--app-surface-muted)}html[data-theme=dark] .vardiya-export-menu small,html[data-theme=dark] .report-export-menu-note{border-color:var(--app-border);color:var(--app-text-muted)}@media (width<=768px){.izin-page-actions{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.izin-page-actions .vardiya-export-control,.izin-page-actions .izin-export-button,.izin-page-actions .primary-button{width:100%}.personel-page-actions{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.personel-page-actions .vardiya-export-control,.personel-page-actions .personel-export-button,.personel-page-actions .primary-button,.vardiya-export-control,.vardiya-export-button{width:100%}.vardiya-export-menu{width:100%;left:0;right:auto}.vardiya-export-menu button{min-height:60px}}.puantaj-action-button{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:9px;min-height:38px;padding:0 13px;font-size:12px;font-weight:700;transition:background-color .18s,border-color .18s}.puantaj-action-button:hover{background:#f8fafc;border-color:#94a3b8}.izin-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.izin-balance-card small{color:#64748b;margin-top:5px;font-size:11px;display:block}.izin-neutral-value{color:#64748b!important;font-size:15px!important}.izin-filters{grid-template-columns:repeat(6,minmax(135px,1fr));gap:12px;margin-bottom:20px;display:grid}.izin-filters label>span{color:#64748b;margin-bottom:7px;font-size:12px;font-weight:650;display:block}.izin-filters input,.izin-filters select{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:100%;height:44px;padding:0 10px}.izin-table{min-width:1050px}.izin-table td{vertical-align:middle}.izin-table td small{color:#64748b;margin-top:4px;display:block}.izin-status{white-space:nowrap;border-radius:999px;align-items:center;min-height:28px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.izin-status.taslak{color:#475569;background:#f1f5f9}.izin-status.gonderildi{color:#c2410c;background:#fff7ed}.izin-status.onaylandi,.izin-status.active{color:#047857;background:#ecfdf5}.izin-status.reddedildi{color:#b91c1c;background:#fef2f2}.izin-status.iptal-edildi{color:#475569;background:#f1f5f9}.izin-cancelled-status{flex-direction:column;align-items:flex-start;gap:4px;max-width:190px;display:flex}.izin-cancelled-status small{color:#64748b;overflow-wrap:anywhere;white-space:normal;font-size:10px;line-height:1.4;margin:0!important}.izin-request-actions{align-items:stretch;gap:7px;display:flex}.izin-cancel-button,.izin-cancel-confirm-button{color:#b91c1c;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #fecaca;border-radius:9px;min-height:38px;padding:0 13px;font-size:12px;font-weight:700;transition:background-color .18s,border-color .18s}.izin-cancel-confirm-button{color:#fff;background:#b91c1c}.izin-cancel-button:hover:not(:disabled){background:#fef2f2;border-color:#f87171}.izin-cancel-confirm-button:hover:not(:disabled){background:#991b1b}.izin-cancel-button:disabled,.izin-cancel-confirm-button:disabled{cursor:not-allowed;opacity:.55}.izin-cancellation-modal{max-width:680px}.izin-mobile{display:none}.izin-modal{max-width:760px}.izin-modal input[readonly],.izin-modal textarea[readonly]{color:#475569;background:#f8fafc}.izin-holiday-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:9px;margin-bottom:16px;padding:12px 14px;font-size:12px;line-height:1.55}.izin-modal-footer{margin:0 -28px -90px}.izin-secondary-button,.izin-reject-button{cursor:pointer;background:#fff;border-radius:8px;min-height:40px;padding:0 18px;font-size:14px;font-weight:650}.izin-secondary-button{color:#334155;border:1px solid #cbd5e1}.izin-reject-button{color:#b91c1c;border:1px solid #fecaca}.izin-secondary-button:hover{background:#f8fafc}.izin-reject-button:hover{background:#fef2f2}@media (width<=1180px){.izin-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.izin-summary,.izin-filters{grid-template-columns:1fr;gap:10px}.izin-desktop{display:none}.izin-mobile{gap:11px;display:grid}.izin-card{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:15px;box-shadow:0 4px 14px #0f172a0a}.izin-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.izin-card-header>div strong,.izin-card-header>div span,.izin-card-grid span,.izin-card-grid strong{display:block}.izin-card-header>div strong{color:#172033;font-size:14px}.izin-card-header>div span{color:#64748b;margin-top:3px;font-size:11px}.izin-card-type{color:#172033;background:#f8fafc;border-radius:9px;margin-top:13px;padding:10px 12px;font-size:13px;font-weight:700}.izin-card-grid{gap:11px;padding:13px 0;display:grid}.izin-card-grid span{color:#64748b;margin-bottom:4px;font-size:10px;font-weight:650}.izin-card-grid strong{color:#172033;font-size:12px;line-height:1.45}.izin-card>.puantaj-action-button,.izin-card>.izin-request-actions{width:100%}.izin-card>.izin-request-actions{grid-template-columns:1fr;display:grid}.izin-card>.izin-request-actions button{width:100%;min-height:44px}.izin-card-header .izin-cancelled-status{text-align:right;align-items:flex-end}.izin-card-header .izin-cancelled-status .izin-status{color:#475569;margin-top:0;font-size:11px}.izin-card-header .izin-cancelled-status small{color:#64748b;font-size:10px}.izin-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.izin-modal .edit-modal-header{padding:16px}.izin-modal .edit-form{padding:18px 16px 0}.izin-modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));grid-template-columns:1fr;display:grid;margin:0 -16px!important}.izin-modal-footer button{width:100%;min-height:44px}}.finance-secondary-button{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:9px;min-height:44px;padding:0 15px;font-size:13px;font-weight:700}.finance-secondary-button:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.finance-secondary-button:disabled{cursor:not-allowed;opacity:.55}.payroll-action-buttons{justify-content:flex-end;align-items:center;gap:9px;display:flex}.payroll-saved-indicator{white-space:nowrap;background:#dcfce7;border-radius:999px;align-items:center;min-height:36px;padding:0 11px;font-weight:750;color:#166534!important;margin:0!important;font-size:12px!important;display:inline-flex!important}.personel-create-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.personel-create-modal{background:#fff;border:1px solid #e2e8f0e6;border-radius:18px;flex-direction:column;width:min(1040px,100%);max-height:calc(100dvh - 48px);display:flex;overflow:hidden;box-shadow:0 24px 65px #0f172a3d}.personel-create-header{z-index:2;background:#fff;border-bottom:1px solid #e2e8f0;flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 20px;display:flex;position:relative}.personel-create-eyebrow{color:#64748b;letter-spacing:.12em;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.personel-create-header h2{color:#0f172a;margin:0;font-size:26px;line-height:1.2}.personel-create-header p{color:#64748b;max-width:620px;margin:7px 0 0;font-size:13px;line-height:1.5}.personel-create-close{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:22px;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex}.personel-create-close:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.personel-create-form{flex-direction:column;flex:auto;min-height:0;display:flex}.personel-create-body{overscroll-behavior:contain;scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin;min-height:0;padding:20px 26px 24px;overflow:hidden auto}.personel-create-body::-webkit-scrollbar{width:8px}.personel-create-body::-webkit-scrollbar-track{background:0 0}.personel-create-body::-webkit-scrollbar-thumb{background:#cbd5e1 padding-box padding-box;border:2px solid #0000;border-radius:999px}.personel-create-body::-webkit-scrollbar-thumb:hover{background:#94a3b8 padding-box padding-box}.personel-create-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:18px;padding:13px 15px;font-size:13px;line-height:1.5}.personel-create-section{background:#fbfdff;border:1px solid #e2e8f0;border-radius:14px;margin:0 0 15px;padding:18px}.personel-create-section:last-child{margin-bottom:0}.personel-create-section-heading{border-bottom:1px solid #e8edf3;align-items:flex-start;gap:11px;margin-bottom:16px;padding-bottom:12px;display:flex}.personel-create-section-heading>span{color:#334155;background:#eaf0f8;border-radius:9px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:inline-flex}.personel-create-section-heading h3{color:#172033;margin:0;font-size:16px;line-height:1.3}.personel-create-section-heading p{color:#64748b;margin:4px 0 0;font-size:12px;line-height:1.45}.personel-create-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.personel-leave-opening-card{border:1px solid var(--border,#cbd5e1);background:var(--surface-muted,#f8fafc);border-radius:14px;grid-column:1/-1;grid-template-columns:minmax(240px,1.35fr) repeat(3,minmax(150px,1fr));align-items:end;gap:14px;padding:16px;display:grid}.personel-leave-opening-card>label{min-width:0;color:var(--text-muted,#475569);gap:7px;font-size:12px;font-weight:700;display:grid}.personel-leave-opening-copy{align-self:center}.personel-leave-opening-copy strong{color:var(--text,#172033)}.personel-leave-opening-copy p{color:var(--text-muted,#64748b);margin:6px 0 0;font-size:12px;line-height:1.45}@media (width<=1100px){.personel-leave-opening-card{grid-template-columns:repeat(2,minmax(0,1fr))}.personel-leave-opening-copy{grid-column:1/-1}}.personel-create-grid>label{color:#475569;gap:7px;min-width:0;font-size:12px;font-weight:700;display:grid}.personel-create-field-full,.personel-create-email-field{grid-column:1/-1}.personel-create-grid input,.personel-create-grid select,.personel-create-grid textarea{box-sizing:border-box;color:#172033;width:100%;min-width:0;min-height:44px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:10px 12px;font-size:14px;font-weight:500;transition:border-color .16s,box-shadow .16s,background-color .16s}.personel-create-grid textarea{resize:vertical;min-height:92px;line-height:1.5}.personel-create-address-field textarea{min-height:80px}.personel-create-notes-field textarea{min-height:88px}.personel-create-grid input::placeholder,.personel-create-grid textarea::placeholder{color:#94a3b8}.personel-create-grid input:focus,.personel-create-grid select:focus,.personel-create-grid textarea:focus{border-color:#475569;box-shadow:0 0 0 3px #4755691f}.personel-create-grid input:disabled,.personel-create-grid select:disabled,.personel-create-grid textarea:disabled{color:#64748b;cursor:not-allowed;opacity:1;background:#f1f5f9}.personel-create-pay-section .is-pay-active input{background:#fff;border-color:#64748b;box-shadow:0 0 0 3px #64748b14}.personel-create-helper{color:#64748b;font-size:11px;font-weight:500;line-height:1.4}.personel-iban-input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:stretch;min-width:0;min-height:44px;transition:border-color .16s,box-shadow .16s;display:flex;overflow:hidden}.personel-iban-input:focus-within{border-color:#475569;box-shadow:0 0 0 3px #4755691f}.personel-iban-input>strong{color:#172033;letter-spacing:.04em;background:#f1f5f9;border-right:1px solid #dbe3ec;flex:0 0 50px;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.personel-create-grid .personel-iban-input>input{min-height:42px;box-shadow:none;border:0;border-radius:0}.personel-create-grid .personel-iban-input>input:focus{box-shadow:none;border:0}html[data-theme=dark] .personel-iban-input{border-color:var(--app-border-strong);background:var(--app-surface-elevated)}html[data-theme=dark] .personel-iban-input>strong{border-color:var(--app-border);background:var(--app-surface-muted);color:var(--app-text)}.personel-create-pay-section .is-pay-secondary{opacity:.88;transition:opacity .16s}.personel-create-pay-section .is-pay-secondary input{background:#fbfdff;border-color:#d8e0e9}.personel-create-pay-section .is-pay-secondary:focus-within{opacity:1}.personel-create-checkbox{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe3ec;border-radius:10px;align-items:center;gap:10px;margin-top:17px;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.personel-create-checkbox input{accent-color:#172033;flex:0 0 18px;width:18px;height:18px;margin:0}.personel-create-footer{z-index:2;padding:15px 28px calc(15px + env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid #e2e8f0;flex:none;justify-content:flex-end;gap:10px;display:flex;position:relative}.personel-create-footer button{min-height:44px;padding:0 20px}.personel-create-cancel{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;font-size:14px;font-weight:700}.personel-create-cancel:hover:not(:disabled){background:#f8fafc}.personel-create-close:focus-visible,.personel-create-cancel:focus-visible,.personel-create-footer .primary-button:focus-visible{outline-offset:2px;outline:3px solid #1e293b33}.personel-create-close:disabled,.personel-create-footer button:disabled{cursor:not-allowed;opacity:.58}@media (width<=768px){.personel-create-overlay{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));align-items:flex-start}.personel-create-modal{border-radius:14px;width:100%;max-height:calc(100dvh - 16px)}.personel-create-header{padding:17px 16px 15px}.personel-create-header h2{font-size:22px}.personel-create-header p{font-size:12px}.personel-create-close{flex-basis:40px;width:40px;height:40px}.personel-create-body{padding:13px 12px 16px}.personel-create-section{border-radius:12px;margin-bottom:12px;padding:14px 13px}.personel-create-section-heading{margin-bottom:14px;padding-bottom:11px}.personel-create-grid{grid-template-columns:minmax(0,1fr);gap:13px}.personel-leave-opening-card{grid-template-columns:minmax(0,1fr)}.personel-leave-opening-copy,.personel-create-field-full,.personel-create-email-field{grid-column:auto}.personel-create-grid input,.personel-create-grid select,.personel-create-grid textarea{min-height:46px;font-size:16px}.personel-create-grid textarea,.personel-create-address-field textarea,.personel-create-notes-field textarea{min-height:100px}.personel-create-checkbox{min-height:48px}.personel-create-footer{padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.personel-create-footer button{flex:1 1 0;min-width:0;padding:0 10px}}@media (width<=420px){.personel-create-footer{grid-template-columns:1fr;display:grid}.personel-create-footer button{width:100%}}.personel-detail-page{color:#172033}.personel-detail-back{color:#64748b;cursor:pointer;background:0 0;border:0;min-height:38px;margin:-6px 0 8px;padding:0 4px;font-size:13px;font-weight:700}.personel-detail-back:hover{color:#172033}.personel-detail-back:focus-visible,.personel-detail-edit:focus-visible,.personel-detail-secondary-button:focus-visible{outline-offset:2px;outline:3px solid #1e293b2e}.personel-detail-hero{background:#fff;border:1px solid #dfe6ee;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:22px 24px;display:flex}.personel-detail-identity{align-items:center;gap:16px;min-width:0;display:flex}.personel-detail-avatar{color:#fff;letter-spacing:.02em;text-transform:uppercase;background:#172033;border-radius:14px;flex:0 0 54px;justify-content:center;align-items:center;width:54px;height:54px;font-size:18px;font-weight:800;display:inline-flex}.personel-detail-identity-copy{min-width:0}.personel-detail-title-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.personel-detail-title-row h1{color:#0f172a;margin:0;font-size:clamp(22px,2vw,28px);line-height:1.2}.personel-detail-status{border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.personel-detail-status.active{color:#166534;background:#dcfce7}.personel-detail-status.passive{color:#475569;background:#f1f5f9}.personel-detail-role-line{color:#64748b;flex-wrap:wrap;align-items:center;gap:7px;margin:6px 0 0;font-size:13px;display:flex}.personel-detail-role-line strong{color:#334155}.personel-detail-hero-meta{flex-wrap:wrap;align-items:flex-start;gap:9px 22px;margin-top:13px;display:flex}.personel-detail-hero-meta>span{gap:2px;min-width:0;display:grid}.personel-detail-hero-meta small{color:#94a3b8;letter-spacing:.035em;text-transform:uppercase;font-size:10px;font-weight:750}.personel-detail-hero-meta strong{color:#475569;overflow-wrap:anywhere;font-size:12px;font-weight:650}.personel-detail-edit{flex:none}.personel-detail-message{border-radius:10px;margin-bottom:16px;padding:13px 16px;font-size:13px;line-height:1.5}.personel-detail-message.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.personel-detail-message.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.personel-detail-sections{gap:16px;display:grid}.personel-detail-sections.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.personel-detail-sections.single-column{grid-template-columns:minmax(0,1fr)}.personel-detail-card{box-shadow:none;background:#fff;border-color:#dfe6ee;border-radius:14px}.personel-detail-section-header{background:#fbfdff;padding:18px 20px 15px;position:relative}.personel-detail-section-header:before{content:"";background:#475569;border-radius:0 4px 4px 0;width:3px;position:absolute;top:18px;bottom:15px;left:0}.personel-detail-section-header h3{color:#172033;margin-bottom:4px;font-size:16px}.personel-detail-section-header p{color:#64748b;font-size:12px;line-height:1.45}.personel-detail-card .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 18px 18px;display:grid}.personel-detail-card .detail-grid>div{background:#f8fafc;border-radius:10px;min-width:0;padding:12px 13px;border:1px solid #e5eaf0!important}.personel-detail-card .detail-grid span{color:#64748b;letter-spacing:.025em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:750}.personel-detail-card .detail-grid strong{color:#172033;font-size:13px;font-weight:700;line-height:1.45}.personel-detail-card .detail-grid .personel-detail-value-full{grid-column:1/-1}.personel-current-pay-card .personel-detail-pay-primary{background:#eef3f8;box-shadow:inset 3px 0 #334155;border-color:#aab8c8!important}.personel-current-pay-card .personel-detail-pay-primary strong{color:#0f172a;font-size:15px}.personel-detail-overtime-value strong{background:#eaf0f8;border-radius:999px;align-items:center;min-height:25px;padding:0 9px;color:#334155!important;font-size:11px!important;display:inline-flex!important}.employee-documents-panel,.compensation-history-panel,.personel-termination-card{margin-top:16px}.personel-detail-count-badge{white-space:nowrap;background:#eef2f7;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-weight:800;display:inline-flex;color:#475569!important;font-size:11px!important}.personel-detail-secondary-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;min-height:40px;padding:0 14px;font-size:12px;font-weight:750;transition:border-color .16s,background-color .16s}.personel-detail-secondary-button:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.personel-detail-page .employee-documents-empty{gap:6px;padding:26px 20px 28px}.personel-detail-page .employee-documents-empty>span{background:#f1f5f9;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:inline-flex}.compensation-history-table-wrapper{scrollbar-width:thin;max-width:100%;padding:0 18px 18px;overflow-x:auto}.compensation-history-table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px;font-size:13px}.compensation-history-table th{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;background:#f8fafc;font-size:10px;color:#64748b!important;border-bottom:1px solid #dfe6ee!important;padding:11px 12px!important;font-weight:800!important}.compensation-history-table th:first-child{border-radius:9px 0 0 9px}.compensation-history-table th:last-child{border-radius:0 9px 9px 0}.compensation-history-table td{color:#475569;vertical-align:middle;border-bottom:1px solid #edf1f5!important;padding:14px 12px!important}.compensation-history-table tbody tr:hover td{background:#fbfdff}.compensation-history-table td:nth-child(5),.compensation-history-table td:nth-child(6){color:#172033;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-weight:700}.compensation-status-badge{white-space:nowrap}.compensation-ongoing{color:#166534;white-space:nowrap;background:#dcfce7;border-radius:999px;align-items:center;min-height:25px;padding:0 8px;font-size:11px;font-weight:750;display:inline-flex}.compensation-history-empty{min-height:180px;padding:28px!important}@media (width<=1180px){.personel-detail-sections.two-column{grid-template-columns:minmax(0,1fr)}.personel-detail-card .detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.personel-detail-card .detail-grid .personel-detail-value-full{grid-column:1/-1}}@media (width<=768px){.personel-detail-back{min-height:44px;margin-top:-4px}.personel-detail-hero{flex-direction:column;align-items:stretch;gap:17px;padding:18px 16px}.personel-detail-identity{align-items:flex-start}.personel-detail-avatar{border-radius:12px;flex-basis:46px;width:46px;height:46px;font-size:15px}.personel-detail-title-row{flex-direction:column;align-items:flex-start;gap:7px}.personel-detail-title-row h1{font-size:22px}.personel-detail-hero-meta{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.personel-detail-edit{width:100%;min-height:46px}.personel-detail-section-header{padding:16px 16px 13px}.personel-detail-card .detail-grid,.personel-detail-sections.two-column{grid-template-columns:minmax(0,1fr)}.personel-detail-card .detail-grid{gap:8px;padding:13px 14px 15px}.personel-detail-card .detail-grid .personel-detail-value-full{grid-column:auto}.employee-documents-panel,.compensation-history-panel,.personel-termination-card{margin-top:13px}.employee-documents-header-actions{gap:9px}.personel-detail-secondary-button{width:100%;min-height:46px}.compensation-history-table-wrapper{padding:0 14px 15px}}.payroll-finance-table{min-width:2300px}.payment-allocation-form .primary-button:focus-visible{outline-offset:2px;outline:3px solid #4f46e53d}.payment-allocation-form button:disabled{cursor:not-allowed;opacity:.55}.payment-row-actions{flex-wrap:nowrap}.payments-table-wrapper{overscroll-behavior-x:contain;overflow-x:auto}.payments-finance-table{table-layout:auto;min-width:2050px}.payments-finance-table td{word-break:normal;overflow-wrap:normal}.payments-finance-table th,.payments-finance-table td:first-child,.payments-finance-table td:nth-child(2),.payments-finance-table td:nth-child(4),.payments-finance-table td:nth-child(5),.payments-finance-table td:nth-child(6),.payments-finance-table td:nth-child(8),.payments-finance-table td:nth-child(9),.payments-finance-table td:nth-child(10),.payments-finance-table td:nth-child(11),.payments-finance-table td:nth-child(13),.payment-row-actions,.payment-row-actions button{white-space:nowrap;word-break:keep-all}.payment-allocation-form{background:#f8faff;border:1px solid #c7d2fe;border-radius:12px;margin-top:18px;padding:16px}.payment-allocation-form h3,.payment-allocation-form p{margin-top:0}.payment-allocation-list>div>span,.payment-allocation-list>div>span>strong,.payment-allocation-list>div small{display:block}.payment-allocation-list>div>span:first-child{flex:1;min-width:0}.payment-allocation-list>div>span:first-child>strong,.payment-allocation-list>div small{margin-bottom:4px}.payment-allocation-list>div>span:last-child{align-items:center;gap:8px;display:flex}.payment-allocation-list small{color:#64748b;overflow-wrap:anywhere;font-size:11px}@media (width<=768px){.payroll-action-buttons{flex-direction:column;align-items:stretch}.payroll-action-buttons button,.payroll-saved-indicator{justify-content:center;width:100%}.payment-row-actions{grid-template-columns:1fr;margin-top:12px}.payment-allocation-list>div{flex-direction:column;align-items:stretch}.payment-allocation-list>div>span:last-child{justify-content:space-between}}.user-management-header-actions,.user-management-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.user-management-secondary,.user-management-actions button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;min-height:44px;padding:0 14px;font-weight:700}.user-management-secondary:hover:not(:disabled),.user-management-actions button:hover:not(:disabled){background:#f8fafc}.user-management-secondary:disabled,.user-management-actions button:disabled{cursor:not-allowed;opacity:.55}.user-management-danger{color:#b91c1c!important;border-color:#fecaca!important}.primary-button.user-management-danger{background:#b91c1c;color:#fff!important}.user-management-message{border-radius:10px;margin-bottom:18px;padding:13px 15px;font-size:13px;line-height:1.5}.user-management-message.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.user-management-message.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.user-management-empty{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:13px;justify-content:center;align-items:center;min-height:220px;padding:24px;display:flex}.user-management-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:13px;overflow-x:auto}.user-management-table{border-collapse:collapse;width:100%;min-width:1050px}.user-management-table th,.user-management-table td{color:#475569;text-align:left;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:14px 16px;font-size:13px}.user-management-table th{color:#64748b;letter-spacing:.035em;text-transform:uppercase;background:#f8fafc;font-size:11px}.user-management-table tbody tr:last-child td{border-bottom:0}.user-management-table td:first-child strong,.user-management-table td:first-child span{display:block}.user-management-table td:first-child strong{color:#172033;margin-bottom:4px}.user-management-status{white-space:nowrap;border-radius:999px;align-items:center;min-height:28px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.user-management-status.active{color:#047857;background:#ecfdf5}.user-management-status.disabled{color:#b91c1c;background:#fef2f2}.user-management-mobile-list{display:none}.user-management-modal{width:min(680px,100vw - 32px)}.user-management-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px 28px;display:grid}.user-management-form>label{color:#475569;flex-direction:column;gap:7px;min-width:0;font-size:13px;font-weight:700;display:flex}.user-management-form input,.user-management-form select{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:44px;padding:0 12px}.user-management-form fieldset,.user-management-form>.user-management-message{grid-column:1/-1}.user-management-form fieldset{border:1px solid #e2e8f0;border-radius:10px;min-width:0;margin:0;padding:14px}.user-management-form legend{color:#475569;padding:0 6px;font-size:13px;font-weight:700}.user-management-departments{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.user-management-department-empty{color:#64748b;background:#f8fafc;border-radius:8px;margin:4px 0 0;padding:12px;font-size:13px}.user-management-departments label{color:#334155;cursor:pointer;background:#f8fafc;border-radius:8px;align-items:center;gap:9px;min-height:44px;padding:8px 10px;display:flex}.user-management-departments input{width:18px;height:18px;min-height:18px;margin:0}.user-management-delete-modal{width:min(540px,100vw - 32px)}.user-management-delete-body{color:#475569;padding:24px 28px;line-height:1.55}.user-management-delete-body strong{color:#172033}@media (width<=768px){.user-management-header-actions{grid-template-columns:1fr;display:grid}.user-management-header-actions button{width:100%}.user-management-table-wrapper{display:none}.user-management-mobile-list{gap:12px;display:grid}.user-management-card{background:#fff;border:1px solid #e2e8f0;border-radius:13px;min-width:0;padding:16px}.user-management-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.user-management-card-header>div{min-width:0}.user-management-card-header strong,.user-management-card-header span{overflow-wrap:anywhere;display:block}.user-management-card-header>div>span{color:#64748b;margin-top:4px;font-size:12px}.user-management-card dl{gap:9px;margin:16px 0;display:grid}.user-management-card dl>div{grid-template-columns:105px minmax(0,1fr);gap:10px;display:grid}.user-management-card dt{color:#64748b;font-size:11px;font-weight:700}.user-management-card dd{color:#334155;overflow-wrap:anywhere;min-width:0;margin:0;font-size:12px}.user-management-actions{grid-template-columns:1fr;display:grid}.user-management-actions button{width:100%;min-height:46px}.user-management-modal,.user-management-delete-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.user-management-form{grid-template-columns:1fr;padding:20px 18px;overflow-y:auto}.user-management-form fieldset,.user-management-form>.user-management-message{grid-column:auto}.user-management-departments{grid-template-columns:1fr}.user-management-modal-footer{padding:14px 18px calc(14px + env(safe-area-inset-bottom));grid-template-columns:1fr;display:grid}.user-management-modal-footer button{width:100%;min-height:46px}.user-management-delete-body{padding:20px 18px}}.izin-hero{border:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);border-radius:16px;grid-template-columns:minmax(340px,1fr) auto;align-items:center;gap:24px;margin-bottom:16px;padding:22px 24px;display:grid}.izin-hero-copy{min-width:0}.izin-hero-copy h1{margin-bottom:5px}.izin-hero-copy>p{margin-bottom:13px}.izin-hero-eyebrow,.izin-modal-eyebrow{color:var(--app-accent,#2563eb);letter-spacing:.08em;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.izin-hero-context{flex-wrap:wrap;gap:8px;display:flex}.izin-hero-context>span{border:1px solid var(--border,#e2e8f0);background:var(--surface-muted,#f8fafc);min-height:30px;color:var(--text-muted,#64748b);border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:11px;font-weight:650;line-height:1.35;display:inline-flex}.izin-hero-context b{color:var(--app-accent,#2563eb);font-size:12px}.izin-page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.izin-page-actions :is(.clear-filter-button,.primary-button){white-space:nowrap;min-height:42px}.izin-summary{gap:12px;margin-bottom:16px}.izin-summary .personel-summary-card{border-color:var(--border,#e2e8f0);border-radius:14px;min-height:88px;padding:16px 18px}.izin-balance-card{background:#f8fbff!important;border-color:#bfdbfe!important}.izin-filters{border-radius:14px;margin-bottom:16px;padding:16px;display:block}.izin-filter-heading{border-bottom:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px;padding-bottom:13px;display:flex}.izin-filter-heading>div{gap:3px;display:grid}.izin-filter-heading strong{color:var(--text,#172033);font-size:14px}.izin-filter-heading span{color:var(--text-muted,#64748b);font-size:11px}.izin-filter-grid{grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;display:grid}.izin-filter-grid label{min-width:0}.izin-modern-table{min-width:1180px}.izin-modern-table th,.izin-modern-table td{padding-top:13px;padding-bottom:13px}.izin-modern-table th:first-child,.izin-modern-table td:first-child{min-width:190px;position:sticky;left:0;box-shadow:10px 0 14px -14px #0f172ab3}.izin-modern-table th:first-child{z-index:4;background:#f8fafc}.izin-modern-table td:first-child{z-index:2;background:#fff}.izin-modern-table tbody tr{transition:background-color .16s,opacity .16s}.izin-modern-table tbody tr.is-cancelled,.izin-modern-table tbody tr.is-cancelled td:first-child{background:#fafafa}.izin-modern-table tbody tr:hover td:first-child{background:#f8fafc}.izin-person-cell,.izin-description-cell,.izin-duration-cell{gap:4px;display:grid}.izin-person-cell{min-width:155px}.izin-person-cell strong{color:var(--text,#172033);font-size:13px}.izin-person-cell span,.izin-description-cell span,.izin-description-cell small{color:var(--text-muted,#64748b);font-size:10px;line-height:1.4}.izin-type-chip,.izin-day-part-chip{color:#4338ca;white-space:nowrap;background:#eef2ff;border-radius:999px;align-items:center;width:fit-content;min-height:28px;padding:4px 9px;font-size:10px;font-weight:750;display:inline-flex}.izin-date-range{white-space:nowrap;align-items:center;gap:6px;min-width:150px;display:flex}.izin-date-range strong{color:var(--text,#172033);font-size:11px}.izin-date-range span{color:var(--text-muted,#94a3b8)}.izin-duration-cell{min-width:118px}.izin-duration-cell>strong{color:var(--text,#172033);font-size:12px}.izin-duration-cell>span{width:fit-content;color:var(--text-muted,#64748b);font-size:10px}.izin-duration-cell>span.is-half-day,.izin-day-part-chip.is-half-day{color:#c2410c;background:#fff7ed;border-radius:999px;padding:3px 7px;font-weight:750}.izin-description-cell{min-width:150px;max-width:220px}.izin-description-cell small{border-top:1px solid var(--border,#e2e8f0);padding-top:4px}.izin-modern-table .izin-request-actions{flex-wrap:nowrap}.izin-card.is-cancelled{background:snow;border-color:#fecaca}.izin-card-title-row{justify-content:space-between;align-items:center;gap:8px;margin-top:13px;display:flex}.izin-card-title-row .izin-card-type{color:var(--text,#172033);background:0 0;margin:0;padding:0;font-size:14px}.izin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.izin-card-grid>div{border:1px solid var(--border,#e2e8f0);background:var(--surface-muted,#f8fafc);border-radius:9px;padding:10px 11px}.izin-card-grid>div.full{grid-column:1/-1}.izin-card-description{background:var(--surface-muted,#f8fafc);border-left:3px solid #cbd5e1;border-radius:0 8px 8px 0;gap:5px;margin-bottom:12px;padding:10px 11px;display:grid}.izin-card-description p,.izin-card-description small{color:var(--text-muted,#64748b);margin:0;font-size:11px;line-height:1.45}.izin-request-modal{width:min(820px,100vw - 40px);max-width:820px}.izin-request-modal .edit-form{padding-bottom:0}.izin-form-section{border:1px solid var(--border,#e2e8f0);background:var(--surface-muted,#f8fafc);border-radius:14px;padding:18px}.izin-form-section-heading{flex-direction:row-reverse;justify-content:flex-end;align-items:flex-start;gap:11px;margin-bottom:16px;display:flex}.izin-form-section-heading>div{min-width:0}.izin-form-section-heading h3{margin-bottom:3px}.izin-form-section-heading p{color:var(--text-muted,#64748b);margin:0;font-size:11px;line-height:1.45}.izin-form-section-heading>span{background:var(--app-primary,#172033);width:28px;height:28px;color:var(--app-bg,#fff);border-radius:9px;flex:0 0 28px;place-items:center;font-size:11px;font-weight:800;display:inline-grid}.izin-request-modal :is(input,select){min-height:44px}.izin-request-modal textarea,.izin-cancellation-modal textarea{resize:vertical;min-height:92px}.izin-day-part-help{color:var(--text-muted,#64748b);margin-top:5px;font-size:10px;line-height:1.4;display:block}.izin-modal-balance-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px;padding:11px;display:grid}.izin-modal-balance-card>div{background:#ffffffb8;border-radius:9px;gap:4px;padding:9px 10px;display:grid}.izin-modal-balance-card span{color:#64748b;font-size:10px;font-weight:650}.izin-modal-balance-card strong{color:#172033;font-size:15px}.izin-modal-balance-card .is-balance strong{color:#1d4ed8}.izin-modal-balance-card .izin-balance-explanation{color:var(--text-muted,#64748b);grid-column:1/-1;padding:2px 4px 0;font-size:11px;line-height:1.45}.izin-cancellation-modal .edit-section{border-color:#fecaca}.izin-cancellation-modal .edit-modal-header{border-bottom-color:#fecaca}.izin-page .empty-state{min-height:210px;padding:30px 20px}html[data-theme=dark] :is(.izin-hero,.izin-card,.izin-request-modal .edit-modal-header,.izin-request-modal .edit-modal-footer,.izin-cancellation-modal .edit-modal-header,.izin-cancellation-modal .edit-modal-footer){color:var(--app-text);border-color:var(--app-border)!important;background:var(--app-surface)!important}html[data-theme=dark] :is(.izin-form-section,.izin-card-grid>div,.izin-card-description){border-color:var(--app-border)!important;background:var(--app-surface-muted)!important}html[data-theme=dark] .izin-balance-card{background:#10243e!important;border-color:#1e4b7a!important}html[data-theme=dark] .izin-modern-table tbody tr.is-cancelled,html[data-theme=dark] .izin-card.is-cancelled{background:#241719!important;border-color:#713f3f!important}html[data-theme=dark] .izin-card.is-cancelled :is(.izin-card-header>div>span,.izin-card-grid span,.izin-card-description p,.izin-card-description small,.izin-cancelled-status small),html[data-theme=dark] .izin-modern-table tbody tr.is-cancelled :is(.izin-person-cell span,.izin-description-cell span,.izin-description-cell small,.izin-duration-cell>span,.izin-cancelled-status small){color:#cbd5e1!important}html[data-theme=dark] .izin-modern-table th:first-child{background:var(--app-surface-muted)!important}html[data-theme=dark] .izin-modern-table td:first-child{background:var(--app-surface)!important}html[data-theme=dark] .izin-modern-table tbody tr.is-cancelled td:first-child{background:#241719!important}html[data-theme=dark] .izin-modern-table tbody tr:hover td:first-child{background:var(--app-surface-muted)!important}html[data-theme=dark] .izin-modal-balance-card{background:#10243e;border-color:#1e4b7a}html[data-theme=dark] .izin-modal-balance-card>div{background:#1e293bc2}html[data-theme=dark] .izin-modal-balance-card strong{color:var(--app-text)}html[data-theme=dark] .izin-modal-balance-card .is-balance strong{color:#93c5fd}html[data-theme=dark] .izin-type-chip{color:#c4b5fd;background:#26234e}html[data-theme=dark] :is(.izin-duration-cell>span.is-half-day,.izin-day-part-chip.is-half-day){color:#fdba74;background:#3b2715}html[data-theme=dark] .izin-status.active{color:#6ee7b7;background:#12372d}html[data-theme=dark] .izin-status.iptal-edildi{color:#fca5a5;background:#3a2024}html[data-theme=dark] .izin-cancel-button{color:#fca5a5;background:0 0;border-color:#7f1d1d}html[data-theme=dark] .izin-holiday-warning{color:#fcd34d;background:#2e2411;border-color:#713f12}@media (width<=1180px){.izin-hero{grid-template-columns:1fr;align-items:start}.izin-page-actions{justify-content:flex-start}.izin-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.izin-hero{border-radius:14px;gap:16px;padding:18px}.izin-hero-context{grid-template-columns:1fr;display:grid}.izin-hero-context>span{border-radius:9px;width:100%}.izin-page-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.izin-page-actions>*,.izin-page-actions .vardiya-export-button{width:100%;min-width:0}.izin-filter-grid{grid-template-columns:1fr}.izin-card{border-radius:14px;padding:16px}.izin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.izin-request-actions{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.izin-request-actions>button:only-child{grid-column:1/-1}.izin-request-modal,.izin-cancellation-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.izin-form-section{padding:15px}.izin-modal-balance-card{grid-template-columns:repeat(3,minmax(0,1fr))}.izin-modal-balance-card>div{padding:8px}.izin-modal-balance-card strong{font-size:13px}}@media (width<=390px){.izin-hero,.izin-card,.izin-filters{padding-left:14px;padding-right:14px}.izin-page-actions{grid-template-columns:1fr 1fr}.izin-page-actions .primary-button{grid-column:1/-1}.izin-card-header{align-items:flex-start}.izin-card-header>div{min-width:0}.izin-card-header>div span{white-space:normal}.izin-card-title-row{flex-direction:column;align-items:flex-start}.izin-card-grid{grid-template-columns:1fr}.izin-card-grid>div.full{grid-column:auto}.izin-modal-balance-card{grid-template-columns:1fr}.izin-request-actions{grid-template-columns:1fr!important}.izin-request-actions>button:only-child{grid-column:auto}}.personel-bank-subsection-heading,.personel-bank-edit-heading{border-top:1px solid var(--border,#e2e8f0);gap:4px;margin-top:4px;padding:13px 0 3px;display:grid}.personel-bank-subsection-heading span,.personel-bank-edit-heading strong{color:var(--text,#172033);font-size:13px;font-weight:750}.personel-bank-subsection-heading small,.personel-bank-edit-heading small{color:var(--text-muted,#64748b);font-size:11px;font-weight:500;line-height:1.45}.personel-create-section input[placeholder^=TR],.personel-bank-edit-heading+.edit-form-field input,.personel-iban-value strong{font-variant-numeric:tabular-nums;letter-spacing:.035em}.personel-bank-card{min-width:0}.personel-bank-card-header{align-items:center}.personel-iban-copy-button{white-space:nowrap;min-width:112px;min-height:40px}.personel-bank-detail-grid{align-items:stretch}.personel-iban-value strong{overflow-wrap:anywhere;word-break:break-word}.personel-bank-empty-state{border:1px dashed var(--border-strong,#cbd5e1);background:var(--surface-muted,#f8fafc);border-radius:11px;align-items:center;gap:12px;min-height:86px;padding:15px;display:flex}.personel-bank-empty-state>span{background:var(--app-accent-soft,#eff6ff);width:38px;height:38px;color:var(--app-accent,#2563eb);border-radius:10px;flex:0 0 38px;place-items:center;display:inline-grid}.personel-bank-empty-state>div{gap:3px;display:grid}.personel-bank-empty-state strong{color:var(--text,#172033);font-size:13px}.personel-bank-empty-state small,.personel-iban-copy-feedback{color:var(--text-muted,#64748b);font-size:11px;line-height:1.4}.personel-iban-copy-feedback{min-height:16px;color:var(--success,#047857);margin-top:8px;font-weight:650;display:block}html[data-theme=dark] :is(.personel-bank-card,.personel-bank-empty-state){border-color:var(--app-border)!important;background:var(--app-surface)!important}html[data-theme=dark] :is(.personel-bank-subsection-heading,.personel-bank-edit-heading){border-color:var(--app-border)}@media (width<=768px){.personel-bank-card-header{align-items:flex-start}.personel-iban-copy-button{min-height:44px}}@media (width<=390px){.personel-bank-card-header{grid-template-columns:1fr;display:grid}.personel-iban-copy-button{width:100%}.personel-bank-empty-state{align-items:flex-start}}.edit-modal.operational-compensation-modal{flex-direction:column;width:min(720px,100vw - 40px);max-height:min(760px,100dvh - 40px);display:flex;overflow:hidden}.operational-compensation-modal>form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@media (width<=520px){.edit-modal.operational-compensation-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}}@media (width>=769px){.sidebar-collapsed .sidebar{width:82px;padding-left:12px;padding-right:12px}.sidebar-collapsed .brand{flex-direction:column;gap:10px;margin-bottom:16px;padding:4px 0 18px}.sidebar-collapsed .brand-logo{flex:0 0 44px;width:44px;height:44px}.sidebar-collapsed :is(.brand-text,.menu-label){display:none}.sidebar-collapsed .sidebar-collapse-button{margin-left:0}.sidebar-collapsed .menu{padding-right:0}.sidebar-collapsed .menu-section{color:#0000;background:#ffffff1a;height:1px;margin:11px 8px 7px;font-size:0;overflow:hidden}.sidebar-collapsed :is(.menu-item,.logout-button){justify-content:center;gap:0;padding-left:10px;padding-right:10px}.sidebar-collapsed :is(.menu-item,.logout-button) .menu-icon{flex-basis:24px;width:24px;font-size:17px}.sidebar-collapsed .main-content{width:calc(100% - 82px);margin-left:82px}}@media (width<=768px){.sidebar-collapse-button{display:none}.menu-label{min-width:0}}@media (width>=1280px){.page{max-width:none}.personel-table-wrapper .personel-table th:first-child,.personel-table-wrapper .personel-table td:first-child{min-width:180px;position:sticky;left:0;box-shadow:12px 0 18px -18px #0f172ae6}.personel-table-wrapper .personel-table th:first-child{z-index:5;background:var(--surface-soft,#f8fafc)}.personel-table-wrapper .personel-table td:first-child{z-index:3;background:var(--surface,#fff)}.personel-table-wrapper .personel-table tbody tr:hover td:first-child{background:var(--surface-soft,#f8fafc)}}html[data-theme]{scrollbar-color:var(--app-border-strong) var(--app-surface-muted);scrollbar-width:thin}html[data-theme] ::-webkit-scrollbar{width:11px;height:11px}html[data-theme] ::-webkit-scrollbar-track{background:var(--app-surface-muted)}html[data-theme] ::-webkit-scrollbar-thumb{border:3px solid var(--app-surface-muted);background:var(--app-border-strong);border-radius:999px}html[data-theme] ::-webkit-scrollbar-thumb:hover{background:var(--app-text-muted)}:is(body:has(.modal-overlay),body:has(.payment-modal-overlay),body:has(.inventory-modal-overlay),body:has(.employee-document-modal-overlay)){overflow:hidden}.synchronized-scroll-area{isolation:isolate}.synchronized-scroll-top{border:1px solid var(--app-border);background:var(--app-surface-muted);border-bottom:0;border-radius:10px 10px 0 0}@media (width>=769px){.synchronized-scroll-area .personel-table th:first-child,.synchronized-scroll-area .personel-table td:first-child{background:var(--app-surface);box-shadow:1px 0 0 var(--app-border), 8px 0 16px #0f172a0a;position:sticky;left:0}.synchronized-scroll-area .personel-table th:first-child{z-index:7;background:var(--app-surface-muted)}.synchronized-scroll-area .personel-table td:first-child{z-index:3}.synchronized-scroll-area .personel-table tbody tr:hover td:first-child{background:var(--app-surface-muted)!important}}html[data-theme=dark] :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--app-focus);outline-offset:2px}@media (width>=1440px){.main-content{padding:32px 32px 52px}.page-header{margin-bottom:22px}.personel-summary{gap:10px}}@media (width<=768px){.modal-overlay,.payment-modal-overlay,.inventory-modal-overlay{align-items:stretch;overflow:hidden}.payment-modal,.inventory-modal{overscroll-behavior:contain;max-height:calc(100dvh - 20px)}}