: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}.vardiya-public-holiday-badge{border-radius:.55rem}.vardiya-mobile-day-button.is-holiday{box-shadow:inset 0 -3px #f59e0b}.monthly-entitlement-holiday-details{border:1px solid var(--app-border,#e2e8f0);background:var(--app-surface,#fff);border-radius:.85rem;margin-top:1rem;padding:1rem}.monthly-entitlement-holiday-list{gap:.55rem;margin-top:.8rem;display:grid}.monthly-entitlement-holiday-list>div{background:var(--app-surface-muted,#f8fafc);border-radius:.65rem;grid-template-columns:110px minmax(180px,1fr) 90px 82px;align-items:center;gap:1rem;padding:.65rem .75rem;display:grid}.monthly-entitlement-holiday-list span{min-width:0;color:var(--app-text-muted,#475569);font-size:.82rem}.monthly-entitlement-holiday-list strong{color:var(--app-text,#0f172a)}.monthly-entitlement-holiday-list em{color:#9a3412;text-align:right;flex:none;font-size:.78rem;font-style:normal;font-weight:800}.monthly-entitlement-holiday-list>.monthly-entitlement-holiday-list-header{background:0 0;padding-top:0;padding-bottom:.35rem}.monthly-entitlement-holiday-list-header span{color:var(--app-text-muted,#64748b);text-transform:uppercase;font-size:.68rem;font-weight:800}[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}.vardiya-mobile-day-header{flex-wrap:wrap}.vardiya-mobile-day-header .vardiya-public-holiday-badge{order:3;width:100%}.monthly-entitlement-holiday-list>div{grid-template-columns:1fr;align-items:start;gap:.3rem}.monthly-entitlement-holiday-list-header{display:none!important}.monthly-entitlement-holiday-list em{text-align:left}}.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,html[data-theme=dark] .welcome-card h2{color:var(--app-text)}html[data-theme=dark] .topbar p,html[data-theme=dark] .user-details span,html[data-theme=dark] .stat-card>div>span,html[data-theme=dark] .dashboard-activity-list span{color:var(--app-text-muted)}html[data-theme=dark] .dashboard-activity-list strong,html[data-theme=dark] .personel-list-header h3{color:var(--app-text)!important}html[data-theme=dark] .stat-icon{background:var(--app-surface-elevated);color:var(--app-text)}html[data-theme=dark] .vardiya-page{--vardiya-navy:var(--app-text);--vardiya-muted:var(--app-text-muted);--vardiya-border:var(--app-border);--vardiya-soft:var(--app-surface-muted)}html[data-theme=dark] .vardiya-mobile-unplanned-heading{color:var(--app-text-muted)}html[data-theme=dark] .vardiya-mobile-unplanned-actions button{border-color:var(--app-border);background:var(--app-surface);color:var(--app-text)}html[data-theme=dark] :is(.panel,.stat-card,.personel-summary-card,.personel-filter-panel,.personel-list-panel,.personel-table-wrapper,.personel-detail-hero,.personel-detail-card,.employee-documents-panel,.compensation-history-panel,.vardiya-page-header,.vardiya-control-panel,.vardiya-day-column,.vardiya-day-header,.vardiya-shift-card,.vardiya-mobile-view,.vardiya-mobile-shift-card,.puantaj-mobile-card,.izin-card,.finance-mobile-card,.finance-summary-card,.finance-filters,.finance-period-toolbar,.finance-action-panel,.finance-table-wrapper,.user-management-table-wrapper,.user-management-card,.edit-modal,.edit-modal-header,.edit-modal-footer,.edit-section,.personel-delete-modal,.employee-document-modal,.finance-modal,.user-management-modal,.user-management-delete-modal){color:var(--app-text);border-color:var(--app-border)!important;background:var(--app-surface)!important}html[data-theme=dark] :is(.vardiya-day-column.is-weekend,.vardiya-day-column.is-weekend .vardiya-day-header,.vardiya-day-column.is-today .vardiya-day-header,.vardiya-shift-time,.puantaj-card-plan,.puantaj-card-grid>div,.izin-card-grid>div,.finance-card-money-grid>div,.personel-detail-item,.personel-create-section){border-color:var(--app-border)!important;background:var(--app-surface-muted)!important;color:var(--app-text)!important}html[data-theme=dark] :is(.vardiya-day-name,.vardiya-week-range,.vardiya-header-context strong,.vardiya-shift-person-name,.vardiya-shift-time,.puantaj-mobile-card strong,.izin-card strong,.finance-mobile-card strong,.personel-summary-card strong,.stat-card strong),html[data-theme=dark] :is(.page-header h1,.panel-header h2,.panel-header h3,.edit-modal-header h2,.edit-section-title,.personel-detail-section-title,.finance-section-title,.user-management-modal h2){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] :is(.puantaj-page,.monthly-entitlement-page,.finance-modal,.izin-page,.payments-page) :is(p,small,label,dt,.muted,.secondary-text),html[data-theme=dark] :is(.puantaj-table-block,.puantaj-work-summary,.puantaj-card-deviations,.puantaj-card-section-label){color:var(--app-text-muted)!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] :is(.personel-name-info strong,.puantaj-person-cell strong,.puantaj-table-block strong,.izin-person-cell strong,.izin-date-range strong,.izin-duration-cell strong,.personel-table tbody td>strong,.user-management-table td:first-child strong){color:var(--app-text)!important}html[data-theme=dark] :is(.personel-department,.personel-position,.personel-phone,.personel-date,.puantaj-date-cell){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] .monthly-entitlement-period-status strong.is-open{color:#6ee7b7}html[data-theme=dark] .monthly-entitlement-summary-grid>.is-primary strong{color:#93c5fd}.monthly-entitlement-balance-warning{color:#b45309;white-space:nowrap;margin-top:4px;font-size:.7rem;font-weight:750;display:block}.monthly-entitlement-summary-grid>.has-warning{background:#fffbeb;border-color:#f59e0b}.monthly-entitlement-summary-grid>.has-warning strong,.monthly-entitlement-summary-grid>.has-warning span{color:#92400e}html[data-theme=dark] .monthly-entitlement-balance-warning{color:#fbbf24!important}html[data-theme=dark] .monthly-entitlement-summary-grid>.has-warning{background:#92400e2e!important;border-color:#92400e!important}html[data-theme=dark] .monthly-entitlement-summary-grid>.has-warning :is(strong,span){color:#fcd34d!important}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(.secondary-button,.clear-filter-button,.edit-cancel-button,.finance-secondary-button,.finance-row-button,.vardiya-edit-button,.puantaj-action-button){border-color:var(--app-border-strong)!important;background:var(--app-surface-muted)!important;color:var(--app-text)!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%}}.vardiya-page{--vardiya-navy:#172033;--vardiya-muted:#64748b;--vardiya-border:#e2e8f0;--vardiya-soft:#f8fafc}.vardiya-page .vardiya-page-header{border:1px solid var(--vardiya-border);background:#fff;border-radius:16px;align-items:flex-start;margin-bottom:16px;padding:22px 24px;box-shadow:0 8px 24px #0f172a0a}.vardiya-page-heading{min-width:0}.vardiya-page-heading h1{margin-bottom:6px}.vardiya-page-heading>p{margin-bottom:13px}.vardiya-header-context{flex-wrap:wrap;gap:8px;display:flex}.vardiya-header-context>span{border:1px solid var(--vardiya-border);background:var(--vardiya-soft);min-height:30px;color:var(--vardiya-muted);border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:11px;line-height:1.35;display:inline-flex}.vardiya-header-context strong{color:var(--vardiya-navy);font-weight:750}.vardiya-page-actions{flex:none;align-items:center;gap:10px;display:flex}.vardiya-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.vardiya-page .personel-summary-card{border-color:var(--vardiya-border);border-radius:14px;min-height:88px;padding:16px 18px;box-shadow:0 5px 18px #0f172a09}.vardiya-page .vardiya-control-panel{border-color:var(--vardiya-border);background:#fff;border-radius:14px;margin-bottom:16px;padding:13px 14px}.vardiya-toolbar{grid-template-columns:auto minmax(210px,1fr) auto;align-items:center;gap:14px;display:grid}.vardiya-week-actions{align-items:center;gap:7px;display:flex}.vardiya-week-actions .clear-filter-button{border-color:var(--vardiya-border);color:#475569;white-space:nowrap;min-height:42px}.vardiya-week-actions .clear-filter-button:nth-child(2){background:var(--vardiya-soft);color:var(--vardiya-navy);border-color:#cbd5e1}.vardiya-week-range{color:var(--vardiya-navy);text-align:center;font-size:14px;font-weight:750}.vardiya-filter-select{color:#111827;min-width:210px;min-height:44px;font:inherit;background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:0 36px 0 12px}.vardiya-filter-select:focus-visible{border-color:#64748b;outline:0;box-shadow:0 0 0 3px #64748b1f}.vardiya-week-desktop{scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin;grid-template-columns:repeat(7,minmax(176px,1fr));gap:10px;padding:2px 1px 10px;display:grid;overflow-x:auto}.vardiya-day-column{border:1px solid var(--vardiya-border);background:#fff;border-radius:14px;min-width:176px;overflow:hidden}.vardiya-day-column.is-weekend{background:#fbfcfe}.vardiya-day-column.is-today{border-color:#93c5fd;box-shadow:0 0 0 2px #3b82f614}.vardiya-day-header{z-index:2;border-bottom:1px solid var(--vardiya-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;padding:13px 12px;position:sticky;top:0}.vardiya-day-column.is-weekend .vardiya-day-header{background:#f8fafcf5}.vardiya-day-column.is-today .vardiya-day-header{background:#eff6ff}.vardiya-day-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.vardiya-day-name{color:var(--vardiya-navy);font-size:13px;font-weight:800}.vardiya-day-date{color:var(--vardiya-muted);margin-top:3px;font-size:11px}.vardiya-today-badge{color:#fff;letter-spacing:.04em;background:#1d4ed8;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800}.vardiya-day-body{min-height:380px;padding:9px}.vardiya-shift-card{border:1px solid var(--vardiya-border);background:#fff;border-radius:11px;margin-bottom:9px;padding:10px;transition:border-color .18s,box-shadow .18s;box-shadow:0 3px 10px #0f172a08}.vardiya-shift-card:hover{border-color:#cbd5e1;box-shadow:0 7px 18px #0f172a12}.vardiya-shift-person{align-items:center;gap:8px;margin-bottom:9px;display:flex}.vardiya-shift-person .personel-avatar{border-radius:9px;flex:0 0 32px;width:32px;height:32px;font-size:10px}.vardiya-shift-person-copy{flex:1;min-width:0}.vardiya-shift-person-name{color:var(--vardiya-navy);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;overflow:hidden}.vardiya-shift-department{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.vardiya-shift-time{background:var(--vardiya-soft);color:#334155;white-space:nowrap;border-radius:8px;padding:8px 9px;font-size:12px;font-weight:750}.vardiya-shift-meta{color:var(--vardiya-muted);margin-top:7px;font-size:10px;line-height:1.4}.vardiya-shift-note{color:var(--vardiya-muted);overflow-wrap:anywhere;margin-top:8px;font-size:10px;line-height:1.45}.vardiya-shift-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px;display:grid}.vardiya-shift-actions .vardiya-edit-button,.vardiya-shift-actions .vardiya-delete-button{background:#fff;border-radius:8px;min-width:0;min-height:34px;padding:0 6px;font-size:10px;font-weight:750}.vardiya-shift-actions .vardiya-edit-button{color:#475569;border:1px solid #cbd5e1}.vardiya-shift-actions .vardiya-delete-button{color:#b91c1c;border:1px solid #fecaca}.vardiya-day-body>.vardiya-add-button{color:#64748b;background:0 0;border:1px dashed #94a3b8;border-radius:9px;justify-content:center;align-items:center;gap:4px;width:100%;min-height:44px;padding:8px;font-size:11px;display:flex}.vardiya-day-body>.vardiya-add-button:first-child{background:var(--vardiya-soft);min-height:72px}.vardiya-state-panel{border-radius:15px}.vardiya-loading-state{min-height:220px}.vardiya-state-icon{color:#1d4ed8;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:23px;display:inline-flex}.edit-modal.vardiya-modal{border-radius:16px;width:min(760px,100vw - 32px);max-height:min(820px,100dvh - 32px)}.vardiya-modal .edit-modal-header{padding:20px 24px}.vardiya-modal .edit-form{padding:22px 24px 0}.vardiya-form-section{border:1px solid var(--vardiya-border,#e2e8f0);background:#fbfcfe;border-radius:13px;margin-bottom:20px;padding:18px}.vardiya-form-section .edit-section-title{border-bottom:0;margin-bottom:7px;padding-bottom:0}.vardiya-form-section-description{color:#64748b;margin:0 0 16px;font-size:12px;line-height:1.5}.vardiya-modal .edit-form-field input,.vardiya-modal .edit-form-field select,.vardiya-modal .edit-form-field textarea{border-radius:9px;min-height:44px}.vardiya-modal .edit-form-field textarea{min-height:84px}.vardiya-modal-footer{margin:0 -24px;padding:14px 24px}@media (width<=1100px){.vardiya-toolbar{grid-template-columns:1fr auto}.vardiya-week-range{text-align:left;grid-area:1/1/auto/-1}.vardiya-week-actions{grid-column:1}.vardiya-toolbar-controls{grid-column:2}}@media (width<=768px){.vardiya-page .vardiya-page-header{border-radius:14px;gap:16px;padding:18px}.vardiya-page-actions,.vardiya-page-actions .primary-button{width:100%}.vardiya-header-context{grid-template-columns:1fr;display:grid}.vardiya-header-context>span{border-radius:9px;justify-content:space-between}.vardiya-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vardiya-page .personel-summary-card{min-height:82px;padding:14px}.vardiya-page .personel-summary-card:last-child{grid-column:1/-1}.vardiya-control-panel{padding:12px}.vardiya-toolbar{display:flex}.vardiya-week-actions .clear-filter-button{min-height:44px}.vardiya-mobile-view{border:1px solid var(--vardiya-border);background:#fff;border-radius:14px;padding:14px}.vardiya-mobile-day-selector{scroll-snap-type:x proximity}.vardiya-mobile-day-button{scroll-snap-align:start}.vardiya-mobile-shift-card{box-shadow:0 5px 16px #0f172a0b}.edit-modal.vardiya-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.vardiya-modal .edit-modal-header{padding:16px}.vardiya-modal .edit-form{padding:16px 16px 0}.vardiya-form-section{padding:14px}.vardiya-modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));margin:0 -16px!important}}@media (width<=390px){.vardiya-page .vardiya-page-header{padding:16px}.vardiya-summary-grid{grid-template-columns:1fr!important}.vardiya-page .personel-summary-card:last-child{grid-column:auto}.vardiya-week-actions .clear-filter-button{font-size:10px}.vardiya-mobile-view{padding:12px}.vardiya-mobile-actions,.vardiya-modal-footer{grid-template-columns:1fr}}.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}.welcome-card{color:#fff;background:#111827;border-radius:16px;margin-bottom:30px;padding:34px;box-shadow:0 10px 25px #0f172a14}.eyebrow{color:#94a3b8;letter-spacing:.1em;margin-bottom:14px;font-size:12px;font-weight:700;display:block}.welcome-card h2{margin:0 0 12px;font-size:28px}.welcome-card p{color:#cbd5e1;margin:0;font-size:15px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:16px;min-height:140px;padding:24px;display:flex}.stat-icon{background:#f1f5f9;border-radius:12px;flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.stat-card>div{flex-direction:column;gap:8px;display:flex}.stat-card>div>span{color:#64748b;font-size:13px}.stat-card strong{color:#111827;font-size:25px}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}.dashboard-activity-list{gap:.7rem;padding:1rem;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}}.monthly-entitlement-difference{color:#64748b;white-space:nowrap;margin-top:.2rem;font-size:.72rem;display:block}.dashboard-activity-list>div{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;gap:1rem;padding-bottom:.7rem;display:flex}.dashboard-activity-list strong{color:var(--text-primary,#17233a);font-size:.88rem}.dashboard-activity-list span{color:var(--text-secondary,#64748b);white-space:nowrap;font-size:.76rem}@media (width<=640px){.dashboard-activity-list>div{flex-direction:column;gap:.2rem}}.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}.quick-actions{grid-template-columns:repeat(2,1fr);gap:14px;padding:24px;display:grid}.quick-actions button{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-height:82px;padding:15px;font-size:14px}.quick-actions button span{margin-bottom:7px;display:block}.quick-actions button:hover{background:#f8fafc;border-color:#cbd5e1}.dashboard-eyebrow,.dashboard-hero>div:first-child>span,.dashboard-health-card header span,.dashboard-activity-panel header span{color:var(--app-accent,#2563eb);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:850}.dashboard-hero{border:1px solid var(--app-border,#e2e8f0);background:linear-gradient(135deg, var(--app-surface,#fff), var(--app-surface-muted,#f8fafc));border-radius:18px;justify-content:space-between;align-items:center;gap:28px;margin-bottom:20px;padding:26px 28px;display:flex}.dashboard-hero h2{color:var(--app-text,#172033);margin:7px 0 8px;font-size:26px}.dashboard-hero p{color:var(--app-text-muted,#64748b);margin:0}.dashboard-hero>div:last-child{border:1px solid var(--app-border,#e2e8f0);background:var(--app-surface,#fff);border-radius:13px;gap:4px;min-width:220px;padding:14px 16px;display:grid}.dashboard-hero>div:last-child strong{color:#15803d}.dashboard-hero>div:last-child span{color:var(--app-text-muted,#64748b);font-size:12px}.dashboard-hero>div.needs-attention{background:#fef2f2;border-color:#fecaca}.dashboard-hero>div.needs-attention strong{color:#dc2626}.dashboard-metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.dashboard-metric-grid button{border:1px solid var(--app-border,#e2e8f0);background:var(--app-surface,#fff);min-width:0;min-height:126px;color:var(--app-text,#172033);text-align:left;border-radius:15px;align-content:space-between;gap:8px;padding:17px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.dashboard-metric-grid button:hover{border-color:var(--app-accent,#2563eb);transform:translateY(-2px);box-shadow:0 10px 26px #0f172a14}.dashboard-metric-grid button>span{color:var(--app-text-muted,#64748b);font-size:12px;font-weight:750}.dashboard-metric-grid button>strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(20px,1.65vw,27px);overflow:hidden}.dashboard-metric-grid button>small{color:var(--app-text-muted,#64748b);line-height:1.35}.dashboard-metric-grid button.warning{border-color:#fcd34d}.dashboard-metric-grid button.danger{border-color:#fecaca}.dashboard-metric-grid button.danger>strong{color:#dc2626}.dashboard-health-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.dashboard-health-card,.dashboard-activity-panel{border:1px solid var(--app-border,#e2e8f0);background:var(--app-surface,#fff);border-radius:16px;overflow:hidden}.dashboard-health-card header,.dashboard-activity-panel>header{border-bottom:1px solid var(--app-border,#e2e8f0);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.dashboard-health-card h3,.dashboard-activity-panel h3{color:var(--app-text,#172033);margin:5px 0 0;font-size:17px}.dashboard-activity-panel header p{color:var(--app-text-muted,#64748b);margin:5px 0 0;font-size:12px}.dashboard-health-card header button{border:1px solid var(--app-border-strong,#cbd5e1);background:var(--app-surface,#fff);min-height:34px;color:var(--app-accent,#2563eb);border-radius:9px;padding:0 10px;font-size:11px;font-weight:800}.dashboard-health-card dl{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:8px;display:grid}.dashboard-health-card dl>div{border-radius:10px;gap:5px;padding:12px;display:grid}.dashboard-health-card dt{color:var(--app-text-muted,#64748b);font-size:11px}.dashboard-health-card dd{color:var(--app-text,#172033);margin:0;font-size:16px;font-weight:850}.dashboard-health-card dd.is-danger{color:#dc2626}.dashboard-critical-list{gap:0;padding:8px;display:grid}.dashboard-critical-list>div{border-bottom:1px solid var(--app-border,#e2e8f0);justify-content:space-between;gap:12px;padding:11px 12px;display:flex}.dashboard-critical-list>div:last-child{border-bottom:0}.dashboard-critical-list strong{color:#dc2626;font-size:13px}.dashboard-critical-list span{color:var(--app-text-muted,#64748b);white-space:nowrap;font-size:12px}.dashboard-clear-state{color:var(--app-text-muted,#64748b);text-align:center;padding:28px 20px}.dashboard-activity-panel{margin-bottom:20px}.dashboard-activity-panel .dashboard-activity-list{padding:8px 14px}.dashboard-activity-panel .dashboard-activity-list>div{grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 6px;display:grid}.dashboard-activity-kind{background:var(--app-accent-soft,#eff6ff);border-radius:999px;width:max-content;padding:5px 7px;font-weight:850;display:inline-flex;color:var(--app-accent,#2563eb)!important;font-size:10px!important}.dashboard-activity-panel time{color:var(--app-text-muted,#64748b);white-space:nowrap;font-size:11px}html[data-theme=dark] .dashboard-hero>div.needs-attention{background:#7f1d1d38;border-color:#7f1d1d}html[data-theme=dark] .dashboard-metric-grid button.danger{border-color:#7f1d1d}html[data-theme=dark] .dashboard-metric-grid button.warning{border-color:#854d0e}@media (width<=1280px){.dashboard-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.dashboard-topbar{gap:14px}.dashboard-hero{flex-direction:column;align-items:stretch;padding:20px}.dashboard-hero>div:last-child{min-width:0}.dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-health-grid{grid-template-columns:1fr}.dashboard-activity-panel .dashboard-activity-list>div{grid-template-columns:68px minmax(0,1fr)}.dashboard-activity-panel time{grid-column:2}}@media (width<=480px){.dashboard-metric-grid{grid-template-columns:1fr}.dashboard-metric-grid button{min-height:106px}.dashboard-health-card header{flex-direction:column;align-items:stretch}.dashboard-health-card header button{width:100%;min-height:44px}}.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)}.dashboard-grid,.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%}.quick-actions{grid-template-columns:1fr}.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%}}.vardiya-add-button{cursor:pointer;transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}.vardiya-add-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0f172a14;color:#0f172a!important;background:#eef2f7!important;border-color:#94a3b8!important}.vardiya-add-button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.vardiya-add-button:disabled{cursor:not-allowed;opacity:.5}.vardiya-delete-button{cursor:pointer;transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}.vardiya-delete-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #b91c1c1a;color:#991b1b!important;background:#fef2f2!important;border-color:#f87171!important}.vardiya-delete-button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.vardiya-delete-button:disabled{cursor:wait;opacity:.55}.vardiya-edit-button{cursor:pointer;transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}.vardiya-edit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0f172a14;color:#0f172a!important;background:#f1f5f9!important;border-color:#94a3b8!important}.vardiya-edit-button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.vardiya-edit-button:disabled{cursor:not-allowed;opacity:.5}.vardiya-rest-day-card{background:#f0fdf7;border:1px solid #bae6d3;border-radius:10px;margin-bottom:9px;padding:11px}.vardiya-rest-day-person{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.vardiya-rest-day-person>div{min-width:0}.vardiya-rest-day-person strong,.vardiya-rest-day-person>div>span{display:block}.vardiya-rest-day-person strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.vardiya-rest-day-person>div>span{color:#64748b;margin-top:3px;font-size:10px}.vardiya-rest-day-badge{color:#047857;white-space:nowrap;background:#d1fae5;border-radius:999px;flex:none;padding:4px 6px;font-size:9px;font-weight:750}.vardiya-rest-day-card p{color:#64748b;overflow-wrap:anywhere;margin:8px 0 0;font-size:10px;line-height:1.45}.vardiya-rest-day-add,.vardiya-rest-day-remove{cursor:pointer;background:#fff;border-radius:8px;width:100%;font-size:10px;font-weight:700;transition:background-color .18s,border-color .18s,color .18s}.vardiya-rest-day-add{color:#047857;border:1px dashed #86bfa5;min-height:34px;margin-top:8px}.vardiya-rest-day-remove{color:#0f766e;border:1px solid #a7d9c1;min-height:30px;margin-top:9px}.vardiya-rest-day-add:hover:not(:disabled),.vardiya-rest-day-remove:hover:not(:disabled){color:#065f46;background:#ecfdf5;border-color:#34a77b}.vardiya-rest-day-add:disabled,.vardiya-rest-day-remove:disabled{cursor:not-allowed;opacity:.55}.vardiya-leave-day-card{background:#f5f7ff;border:1px solid #c7d2fe;border-radius:10px;margin-bottom:9px;padding:11px}.vardiya-leave-day-card>div:first-child strong,.vardiya-leave-day-card>div:first-child span{display:block}.vardiya-leave-day-card>div:first-child strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.vardiya-leave-day-card>div:first-child span{color:#64748b;margin-top:3px;font-size:10px}.vardiya-leave-information{background:#f5f3ff;border-radius:8px;flex-direction:column;align-items:flex-start;gap:5px;margin:0 0 9px;padding:8px;display:flex}.vardiya-leave-day-card .vardiya-leave-information{background:0 0;margin:9px 0 0;padding:0}.vardiya-leave-badges{flex-wrap:wrap;gap:5px;display:flex}.vardiya-leave-badge{color:#4338ca;background:#e0e7ff;border-radius:999px;align-items:center;min-height:24px;padding:3px 7px;font-size:9px;font-weight:750;line-height:1.3;display:inline-flex}.vardiya-leave-badge.sabah,.vardiya-leave-badge.ogleden_sonra{color:#c2410c;background:#ffedd5}.vardiya-leave-information>strong{color:#b91c1c;font-size:10px;line-height:1.4}.vardiya-leave-information>small{color:#64748b;font-size:9px;font-weight:650;line-height:1.4}.vardiya-mobile-new-button,.vardiya-mobile-view{display:none}.vardiya-toolbar-controls{align-items:center;gap:10px;display:flex}.personel-page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.puantaj-page-actions,.fazla-mesai-page-actions{align-items:center;display:flex}.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){.puantaj-page .page-header{flex-direction:column;align-items:stretch;gap:18px}.puantaj-page-actions,.puantaj-page-actions .vardiya-export-control,.puantaj-page-actions .puantaj-export-button{width:100%}.fazla-mesai-page .page-header{flex-direction:column;align-items:stretch;gap:18px}.fazla-mesai-page-actions,.fazla-mesai-page-actions .vardiya-export-control,.fazla-mesai-page-actions .fazla-mesai-export-button{width:100%}.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{width:100%}.vardiya-desktop-new-button,.vardiya-week-desktop{display:none!important}.vardiya-mobile-new-button{width:100%;display:block}.vardiya-summary-grid{grid-template-columns:1fr!important;gap:10px!important}.vardiya-toolbar{flex-direction:column;align-items:stretch!important;gap:14px!important}.vardiya-week-actions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;gap:6px!important;display:grid!important}.vardiya-week-actions .clear-filter-button{white-space:normal;min-width:0;padding-left:8px;padding-right:8px;font-size:11px;line-height:1.2}.vardiya-week-range{text-align:center;line-height:1.5}.vardiya-filter-select{width:100%;min-width:0!important}.vardiya-toolbar-controls{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.vardiya-export-control,.vardiya-export-button{width:100%}.vardiya-export-menu{width:100%;left:0;right:auto}.vardiya-export-menu button{min-height:60px}.vardiya-mobile-view{display:block}.vardiya-mobile-day-selector{scrollbar-width:thin;gap:8px;margin-bottom:14px;padding:2px 1px 8px;display:flex;overflow-x:auto}.vardiya-mobile-day-button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:11px;flex:1 0 54px;min-width:54px;height:66px;padding:7px 6px;position:relative}.vardiya-mobile-day-button span,.vardiya-mobile-day-button strong{display:block}.vardiya-mobile-day-button span{font-size:11px;font-weight:600}.vardiya-mobile-day-button strong{color:#172033;margin-top:3px;font-size:18px}.vardiya-mobile-day-button i{background:#2563eb;border-radius:50%;width:5px;height:5px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.vardiya-mobile-day-button.selected{color:#cbd5e1;background:#172033;border-color:#172033;box-shadow:0 6px 16px #0f172a26}.vardiya-mobile-day-button.selected strong{color:#fff}.vardiya-mobile-day-button.selected i{background:#60a5fa}.vardiya-mobile-day-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.vardiya-mobile-day-header div>span,.vardiya-mobile-day-header div>strong{display:block}.vardiya-mobile-day-header div>span{color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:700}.vardiya-mobile-day-header div>strong{color:#172033;text-transform:capitalize;font-size:17px}.vardiya-mobile-day-header>span{color:#64748b;background:#f1f5f9;border-radius:999px;flex:none;padding:5px 9px;font-size:11px;font-weight:700}.vardiya-mobile-shift-list{gap:10px;display:grid}.vardiya-mobile-roster-heading{justify-content:space-between;align-items:center;padding:4px 2px 1px;display:flex}.vardiya-mobile-roster-heading strong{color:#172033;font-size:14px}.vardiya-mobile-roster-heading span{color:#64748b;font-size:11px;font-weight:700}.vardiya-mobile-roster-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:13px;width:100%;padding:13px;box-shadow:0 3px 12px #0f172a0a}.vardiya-mobile-roster-card.is-unplanned{background:#f8fafc;border-style:dashed}.vardiya-mobile-roster-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.vardiya-mobile-roster-topline .vardiya-mobile-employee-row{min-width:0}.vardiya-mobile-roster-status{color:#3730a3;text-overflow:ellipsis;white-space:nowrap;background:#eef2ff;border-radius:999px;flex:none;max-width:44%;padding:5px 8px;font-size:10px;font-weight:800;overflow:hidden}.vardiya-mobile-roster-status.is-rest{color:#047857;background:#ecfdf5}.vardiya-mobile-roster-status.is-leave{color:#c2410c;background:#fff7ed}.vardiya-mobile-roster-status.is-unplanned{color:#64748b;background:#f1f5f9}.vardiya-mobile-roster-meta{color:#64748b;flex-wrap:wrap;gap:5px 10px;margin:8px 0 0 47px;font-size:11px;display:flex}.vardiya-mobile-roster-card .vardiya-leave-information{margin-top:10px;padding:9px}.vardiya-mobile-roster-actions{grid-template-columns:1fr;gap:7px;margin-top:11px;display:grid}.vardiya-mobile-roster-actions.two-actions{grid-template-columns:minmax(0,1fr) auto}.vardiya-mobile-roster-actions.three-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.vardiya-mobile-roster-actions button{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:9px;min-width:0;min-height:42px;padding:6px 8px;font-size:11px;font-weight:750}.vardiya-mobile-roster-actions button.primary{color:#fff;background:#172033;border-color:#172033}.vardiya-mobile-roster-actions button.danger{color:#b91c1c;border-color:#fecaca}html[data-theme=dark] .vardiya-mobile-roster-heading strong,html[data-theme=dark] .vardiya-mobile-roster-card strong{color:var(--app-text)}html[data-theme=dark] .vardiya-mobile-roster-heading span,html[data-theme=dark] .vardiya-mobile-roster-meta{color:var(--app-text-muted)}html[data-theme=dark] .vardiya-mobile-roster-card{border-color:var(--app-border);background:var(--app-surface)}html[data-theme=dark] .vardiya-mobile-roster-card.is-unplanned{background:var(--app-surface-muted)}html[data-theme=dark] .vardiya-mobile-roster-actions button{border-color:var(--app-border-strong);background:var(--app-surface-muted);color:var(--app-text)}html[data-theme=dark] .vardiya-mobile-roster-actions button.primary{color:#fff;background:#2563eb;border-color:#2563eb}html[data-theme=dark] .vardiya-mobile-day-button{border-color:var(--app-border-strong);background:var(--app-surface-muted);color:var(--app-text-muted);box-shadow:none}html[data-theme=dark] .vardiya-mobile-day-button strong{color:var(--app-text)}html[data-theme=dark] .vardiya-mobile-day-button:hover,html[data-theme=dark] .vardiya-mobile-day-button:focus-visible{background:#203853;border-color:#60a5fa}html[data-theme=dark] .vardiya-mobile-day-button.selected{color:#dbeafe;background:#1d4ed8;border-color:#60a5fa;box-shadow:0 7px 18px #2563eb4d}html[data-theme=dark] .vardiya-mobile-day-button.selected strong{color:#fff}.vardiya-mobile-unplanned-heading{color:#475569;margin-top:10px;font-size:12px;font-weight:800}.vardiya-mobile-unplanned-card{background:#f8fafc}.vardiya-mobile-unplanned-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.vardiya-mobile-unplanned-actions button{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:9px;min-width:0;min-height:44px;padding:6px;font-size:11px;font-weight:700}.vardiya-mobile-shift-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:13px;width:100%;padding:15px;box-shadow:0 4px 14px #0f172a0a}.vardiya-mobile-rest-day-card,.vardiya-mobile-leave-day-card{box-sizing:border-box;border-radius:13px;width:100%;padding:15px}.vardiya-mobile-leave-day-card>div:first-child strong{font-size:14px}.vardiya-mobile-leave-day-card>div:first-child span{font-size:11px}.vardiya-mobile-shift-card .vardiya-leave-information,.vardiya-mobile-leave-day-card .vardiya-leave-information{margin-top:12px;padding:10px}.vardiya-mobile-leave-day-card .vardiya-leave-information{background:#eef2ff}.vardiya-mobile-shift-card .vardiya-leave-badge,.vardiya-mobile-leave-day-card .vardiya-leave-badge{min-height:30px;padding:4px 9px;font-size:11px}.vardiya-mobile-shift-card .vardiya-leave-information>strong,.vardiya-mobile-leave-day-card .vardiya-leave-information>strong{font-size:12px}.vardiya-mobile-shift-card .vardiya-leave-information>small,.vardiya-mobile-leave-day-card .vardiya-leave-information>small{font-size:11px}.vardiya-mobile-rest-day-card .vardiya-rest-day-person strong{font-size:14px}.vardiya-mobile-rest-day-card .vardiya-rest-day-person>div>span,.vardiya-mobile-rest-day-card p{font-size:12px}.vardiya-mobile-rest-day-card .vardiya-rest-day-badge{padding:5px 8px;font-size:10px}.vardiya-mobile-rest-day-card .vardiya-rest-day-remove,.vardiya-mobile-rest-day-add{min-height:44px;font-size:12px}.vardiya-mobile-employee-row{align-items:center;gap:11px;display:flex}.vardiya-mobile-employee-row>div:last-child{min-width:0}.vardiya-mobile-employee-row strong,.vardiya-mobile-employee-row span{display:block}.vardiya-mobile-employee-row strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.vardiya-mobile-employee-row span{color:#94a3b8;margin-top:3px;font-size:11px}.vardiya-mobile-time{color:#172033;background:#f8fafc;border-radius:9px;margin-top:13px;padding:11px 12px;font-size:15px;font-weight:750}.vardiya-mobile-shift-meta{color:#64748b;margin-top:8px;font-size:12px}.vardiya-mobile-note{color:#64748b;overflow-wrap:anywhere;border-top:1px solid #eef2f7;margin-top:9px;padding-top:9px;font-size:12px;line-height:1.5}.vardiya-mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.vardiya-mobile-actions button{background:#fff;border-radius:9px;min-width:0;min-height:44px;padding:0 10px;font-size:12px;font-weight:700}.vardiya-mobile-edit-button{color:#475569;border:1px solid #cbd5e1}.vardiya-mobile-delete-button{color:#b91c1c;border:1px solid #fecaca}.vardiya-mobile-add-button{color:#475569;background:#fff;border:1px dashed #94a3b8;border-radius:11px;width:100%;min-height:48px;font-size:13px;font-weight:700}.vardiya-mobile-empty-state{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:28px 16px;font-size:13px}.vardiya-modal{border-radius:14px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.vardiya-modal .edit-modal-header{padding:16px}.vardiya-modal .edit-modal-header h2{font-size:20px}.vardiya-modal .edit-form{padding:18px 16px 0}.vardiya-modal .edit-section{margin-bottom:18px}.vardiya-modal .edit-form-field input,.vardiya-modal .edit-form-field select{min-height:44px}.vardiya-modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));grid-template-columns:repeat(2,minmax(0,1fr));display:grid;margin:0 -16px!important}.vardiya-modal-footer button{width:100%;min-width:0;min-height:44px;padding-left:10px;padding-right:10px}}@media (width<=380px){.vardiya-mobile-actions{grid-template-columns:1fr}}.puantaj-toolbar{grid-template-columns:auto minmax(210px,1fr) auto;align-items:center;gap:18px;margin-bottom:20px;display:grid}.puantaj-range-toolbar{grid-template-columns:1fr;align-items:stretch}.puantaj-date-navigation-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.puantaj-advanced-filters{grid-template-columns:repeat(6,minmax(130px,1fr));align-items:end;gap:12px;display:grid}.puantaj-advanced-filters label{min-width:0}.puantaj-advanced-filters label>span{color:#64748b;margin-bottom:7px;font-size:12px;font-weight:650;display:block}.puantaj-advanced-filters input,.puantaj-advanced-filters select{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;min-width:0;min-height:44px;padding:0 11px}.puantaj-clear-filters{min-height:44px}.puantaj-date-actions,.puantaj-filters{align-items:center;gap:8px;display:flex}.puantaj-selected-date{color:#172033;text-align:center;text-transform:capitalize;font-size:15px}.puantaj-card-date{color:#475569;margin-top:8px;font-size:12px;font-weight:700}.puantaj-filters .search-input{width:200px}.puantaj-filters select{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:10px;min-width:180px;height:44px;padding:0 12px}.puantaj-table td{vertical-align:middle}.puantaj-table td small,.puantaj-table td strong{display:block}.puantaj-table td small{color:#64748b;white-space:nowrap;margin-top:4px}.puantaj-note-cell{overflow-wrap:anywhere;max-width:180px}.puantaj-status{color:#4338ca;white-space:nowrap;background:#eef2ff;border-radius:999px;align-items:center;min-height:28px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.puantaj-status.calisti{color:#047857;background:#ecfdf5}.puantaj-status.gelmedi{color:#b91c1c;background:#fef2f2}.puantaj-status.empty{color:#64748b;background:#f1f5f9}.puantaj-status-stack{flex-direction:column;align-items:flex-start;gap:6px;min-width:150px;display:flex}.puantaj-leave-overlay{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.puantaj-leave-overlay small{color:#64748b;font-size:10px;font-weight:650;white-space:normal!important;margin:0!important}.puantaj-leave-badge{color:#4338ca;background:#e0e7ff;border-radius:999px;align-items:center;min-height:28px;padding:4px 9px;font-size:11px;font-weight:750;line-height:1.3;display:inline-flex}.puantaj-leave-badge.sabah,.puantaj-leave-badge.ogleden_sonra{color:#c2410c;background:#fff7ed}.puantaj-leave-warning,.puantaj-leave-shift-info{border-radius:7px;padding:5px 7px;font-size:10px;font-weight:700;line-height:1.4;white-space:normal!important;margin:0!important}.puantaj-leave-warning{color:#b91c1c;background:#fef2f2}.puantaj-leave-shift-info{color:#a16207;background:#fffbeb}.puantaj-leave-cancel-help{color:#64748b;font-size:10px;font-weight:650;line-height:1.4;white-space:normal!important;margin:0!important}.puantaj-modal-leave-info{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:11px 12px;display:flex}.puantaj-modal-leave-info strong{font-size:12px;line-height:1.45}.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}.puantaj-mobile-list{display:none}.puantaj-modal{max-width:720px}.puantaj-modal input[readonly]{color:#475569;background:#f8fafc}.puantaj-manual-overtime-toggle{cursor:pointer;align-items:center;gap:10px;margin-bottom:5px!important;display:inline-flex!important}.puantaj-manual-overtime-toggle input{accent-color:#475569;width:18px;min-height:18px;margin:0}.puantaj-manual-overtime-toggle:has(input:disabled){cursor:not-allowed;opacity:.6}.puantaj-manual-overtime-help{color:#64748b;font-size:12px;line-height:1.45;display:block}.puantaj-modal-footer{margin:0 -28px -90px}@media (width<=1180px){.puantaj-toolbar{grid-template-columns:1fr}.puantaj-selected-date{grid-row:1}.puantaj-date-actions,.puantaj-filters{justify-content:center}.puantaj-advanced-filters{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media (width<=768px){.puantaj-toolbar{gap:13px;padding:14px}.puantaj-date-actions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;width:100%;display:grid}.puantaj-date-navigation-row{flex-direction:column-reverse;align-items:stretch;gap:10px}.puantaj-date-actions .clear-filter-button{white-space:normal;min-width:0;padding-left:7px;padding-right:7px;font-size:11px}.puantaj-filters{grid-template-columns:1fr;width:100%;display:grid}.puantaj-advanced-filters{grid-template-columns:1fr;gap:10px;width:100%}.puantaj-advanced-filters input,.puantaj-advanced-filters select{min-height:44px;font-size:16px}.puantaj-clear-filters{width:100%}.puantaj-filters .search-input,.puantaj-filters select{width:100%;min-width:0}.puantaj-desktop-table{display:none}.puantaj-mobile-list{gap:11px;display:grid}.puantaj-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:15px;box-shadow:0 4px 14px #0f172a0a}.puantaj-mobile-card>.puantaj-status-stack{width:100%;margin-top:12px}.puantaj-mobile-card .puantaj-leave-badge{min-height:32px;font-size:12px}.puantaj-mobile-card .puantaj-leave-warning,.puantaj-mobile-card .puantaj-leave-shift-info{box-sizing:border-box;width:100%;padding:7px 9px;font-size:11px}.puantaj-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.puantaj-card-header>div{min-width:0}.puantaj-card-header strong,.puantaj-card-header span,.puantaj-card-plan span,.puantaj-card-plan strong,.puantaj-card-plan small,.puantaj-card-grid span,.puantaj-card-grid strong{display:block}.puantaj-card-header>div strong{color:#172033;font-size:14px}.puantaj-card-header>div span{color:#64748b;margin-top:3px;font-size:11px}.puantaj-card-plan{background:#f8fafc;border-radius:9px;margin-top:13px;padding:11px 12px}.puantaj-card-plan span,.puantaj-card-grid span{color:#64748b;margin-bottom:4px;font-size:10px;font-weight:600}.puantaj-card-plan strong{color:#172033;font-size:15px}.puantaj-card-plan small{color:#64748b;margin-top:4px;font-size:11px}.puantaj-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:13px 1px;display:grid}.puantaj-card-grid strong{color:#334155;font-size:12px;line-height:1.45}.puantaj-card-note{color:#64748b;overflow-wrap:anywhere;border-top:1px solid #eef2f7;margin:0 0 12px;padding-top:11px;font-size:12px;line-height:1.5}.puantaj-mobile-card .puantaj-action-button{width:100%;min-height:44px}.puantaj-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.puantaj-modal .edit-modal-header{padding:16px}.puantaj-modal .edit-form{padding:18px 16px 0}.puantaj-modal-leave-info{flex-direction:column;align-items:flex-start}.puantaj-modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));grid-template-columns:repeat(2,minmax(0,1fr));display:grid;margin:0 -16px!important}.puantaj-modal-footer button{min-width:0;min-height:44px;padding-left:8px;padding-right:8px}}@media (width<=380px){.puantaj-card-grid,.puantaj-modal-footer{grid-template-columns:1fr}}.fazla-mesai-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.fazla-mesai-filters{grid-template-columns:repeat(4,minmax(150px,1fr)) minmax(190px,1.25fr);gap:12px;margin-bottom:20px;display:grid}.fazla-mesai-filters label{min-width:0}.fazla-mesai-filters label>span{color:#64748b;margin-bottom:7px;font-size:12px;font-weight:650;display:block}.fazla-mesai-filters input,.fazla-mesai-filters select{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:100%;height:44px;padding:0 11px}.fazla-mesai-table{min-width:1160px}.fazla-mesai-table td{vertical-align:middle}.fazla-mesai-reason{overflow-wrap:anywhere;max-width:220px}.fazla-mesai-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}.fazla-mesai-status.taslak{color:#475569;background:#f1f5f9}.fazla-mesai-status.gonderildi{color:#c2410c;background:#fff7ed}.fazla-mesai-status.onaylandi{color:#047857;background:#ecfdf5}.fazla-mesai-status.reddedildi{color:#b91c1c;background:#fef2f2}.fazla-mesai-mobile{display:none}.fazla-mesai-modal{max-width:760px}.fazla-mesai-modal input[readonly],.fazla-mesai-modal textarea[readonly]{color:#475569;background:#f8fafc}.fazla-mesai-modal-footer{margin:0 -28px -90px}.fazla-mesai-secondary-button,.fazla-mesai-reject-button{cursor:pointer;border-radius:8px;min-height:40px;padding:0 18px;font-size:14px;font-weight:650}.fazla-mesai-secondary-button{color:#334155;background:#fff;border:1px solid #cbd5e1}.fazla-mesai-reject-button{color:#b91c1c;background:#fff;border:1px solid #fecaca}.fazla-mesai-secondary-button:hover{background:#f8fafc}.fazla-mesai-reject-button:hover{background:#fef2f2}.fazla-mesai-secondary-button:disabled,.fazla-mesai-reject-button:disabled{cursor:not-allowed;opacity:.6}@media (width<=1180px){.fazla-mesai-summary,.fazla-mesai-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.fazla-mesai-search{grid-column:1/-1}}@media (width<=768px){.fazla-mesai-summary,.fazla-mesai-filters{grid-template-columns:1fr;gap:10px}.fazla-mesai-search{grid-column:auto}.fazla-mesai-desktop{display:none}.fazla-mesai-mobile{gap:11px;display:grid}.fazla-mesai-card{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:15px;box-shadow:0 4px 14px #0f172a0a}.fazla-mesai-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.fazla-mesai-card-header>div strong,.fazla-mesai-card-header>div span,.fazla-mesai-card-plan span,.fazla-mesai-card-plan strong,.fazla-mesai-card-grid span,.fazla-mesai-card-grid strong{display:block}.fazla-mesai-card-header>div strong{color:#172033;font-size:14px}.fazla-mesai-card-header>div span{color:#64748b;margin-top:3px;font-size:11px}.fazla-mesai-card-plan{background:#f8fafc;border-radius:9px;margin-top:13px;padding:11px 12px}.fazla-mesai-card-plan span,.fazla-mesai-card-grid span{color:#64748b;margin-bottom:4px;font-size:10px;font-weight:650}.fazla-mesai-card-plan strong,.fazla-mesai-card-grid strong{color:#172033;font-size:13px}.fazla-mesai-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:13px 0;display:grid}.fazla-mesai-card p{color:#64748b;overflow-wrap:anywhere;border-top:1px solid #eef2f7;margin:0 0 12px;padding-top:11px;font-size:12px;line-height:1.5}.fazla-mesai-card>.puantaj-action-button{width:100%;min-height:44px}.fazla-mesai-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.fazla-mesai-modal .edit-modal-header{padding:16px}.fazla-mesai-modal .edit-form{padding:18px 16px 0}.fazla-mesai-modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));grid-template-columns:1fr;display:grid;margin:0 -16px!important}.fazla-mesai-modal-footer button{width:100%;min-height:44px}}@media (width<=420px){.fazla-mesai-card-grid{grid-template-columns:1fr}}.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-page-actions,.finance-workflow-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.finance-secondary-button,.finance-workflow-actions button,.finance-row-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),.finance-workflow-actions button:hover:not(:disabled),.finance-row-button:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.finance-secondary-button:disabled,.finance-workflow-actions button:disabled,.finance-row-button:disabled{cursor:not-allowed;opacity:.55}.finance-message{border:1px solid;border-radius:11px;margin-bottom:18px;padding:13px 15px;font-size:13px;line-height:1.55}.finance-message.info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.finance-message.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.finance-message.success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.finance-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.finance-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:13px;flex-direction:column;justify-content:center;gap:8px;min-width:0;min-height:96px;padding:18px 20px;display:flex}.finance-summary-card span{color:#64748b;font-size:12px;font-weight:650}.finance-summary-card strong{color:#172033;overflow-wrap:anywhere;font-size:23px;line-height:1.2}.finance-filters,.finance-period-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:13px;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:20px;padding:16px;display:grid}.finance-filters.compact{grid-template-columns:repeat(3,minmax(170px,1fr))}.finance-filters.payments{grid-template-columns:repeat(4,minmax(150px,1fr))}.finance-filters label,.finance-period-toolbar label{min-width:0}.finance-filters label>span,.finance-period-toolbar label>span,.finance-period-status>span{color:#64748b;margin-bottom:7px;font-size:12px;font-weight:650;display:block}.finance-filters input,.finance-filters select,.finance-period-toolbar select,.finance-action-panel input,.finance-action-panel select{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:100%;min-width:0;height:44px;padding:0 11px}.finance-search{grid-column:span 1}.finance-period-toolbar{grid-template-columns:minmax(240px,1fr) minmax(160px,auto) minmax(280px,1fr);align-items:end}.finance-period-status{flex-direction:column;justify-content:center;align-items:flex-start;min-height:44px;display:flex}.finance-lock-banner{color:#92400e;background:#fffbeb;border:1px solid #fbbf24;border-radius:9px;align-items:center;min-height:44px;padding:10px 13px;font-size:12px;font-weight:700;display:flex}.finance-action-panel{background:#f5f3ff;border:1px solid #c7d2fe;border-radius:12px;grid-template-columns:minmax(230px,1.3fr) repeat(3,minmax(140px,.8fr)) auto;align-items:end;gap:10px;margin-bottom:12px;padding:15px;display:grid}.finance-action-panel>div strong,.finance-action-panel>div span{display:block}.finance-action-panel>div strong{color:#312e81;font-size:14px}.finance-action-panel>div span{color:#6366f1;margin-top:5px;font-size:11px;line-height:1.4}.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}}.finance-workflow-actions{justify-content:flex-end;margin-bottom:20px}.finance-workflow-actions button{color:#4338ca;border-color:#c7d2fe}.finance-table{min-width:1550px}.payroll-finance-table{min-width:2300px}.finance-table td{vertical-align:middle;overflow-wrap:anywhere;max-width:230px}.finance-table td small{color:#64748b;margin-top:4px;display:block}.finance-status{color:#475569;text-transform:capitalize;white-space:nowrap;background:#f1f5f9;border-radius:999px;align-items:center;min-height:28px;padding:4px 9px;font-size:11px;font-weight:750;line-height:1.25;display:inline-flex}.finance-status.onaylandi,.finance-status.hesaplandi,.finance-status.tamamlandi,.finance-status.standard_payroll{color:#047857;background:#ecfdf5}.finance-status.onay_bekliyor,.finance-status.bekliyor,.finance-status.pending,.finance-status.inceleme_gerekli{color:#c2410c;background:#fff7ed}.finance-status.iptal,.finance-status.basarisiz{color:#b91c1c;background:#fef2f2}.finance-status.kilitlendi{color:#fff;background:#111827}.finance-status.supplemental_legal_channel{color:#4338ca;background:#eef2ff}.finance-mobile-list{display:none}.finance-loading,.finance-empty{color:#64748b;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;padding:28px;display:flex}.finance-loading.compact{min-height:90px;margin-bottom:14px}.finance-empty>span{font-size:28px}.finance-empty strong{color:#334155;font-size:15px}.finance-empty p{margin:0;font-size:13px}.finance-modal{flex-direction:column;max-width:960px;display:flex;overflow:hidden}.finance-modal .edit-modal-header{flex:none}.finance-modal-body{overscroll-behavior:contain;min-height:0;padding:22px 28px calc(22px + env(safe-area-inset-bottom));overflow-y:auto}.finance-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.finance-detail-grid>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;min-width:0;padding:13px}.finance-detail-grid span,.finance-detail-grid strong{display:block}.finance-detail-grid span{color:#64748b;margin-bottom:5px;font-size:11px}.finance-detail-grid strong{color:#172033;overflow-wrap:anywhere;font-size:13px}.finance-items{border-top:1px solid #e2e8f0;margin-top:18px;padding-top:16px}.finance-items h3{color:#172033;margin:0 0 10px;font-size:15px}.finance-items>div{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.finance-items p{color:#64748b;font-size:13px}.finance-warning-list{flex-wrap:wrap;gap:5px;display:flex}.finance-warning-list span,.finance-ok-badge{color:#c2410c;background:#fff7ed;border-radius:999px;align-items:center;min-height:27px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.finance-ok-badge{color:#047857;background:#ecfdf5}.finance-danger-button{color:#b91c1c!important;border-color:#fecaca!important}.finance-danger-button:hover:not(:disabled){background:#fef2f2!important;border-color:#f87171!important}.primary-button.finance-danger-button{background:#b91c1c;color:#fff!important;border-color:#b91c1c!important}.primary-button.finance-danger-button:hover:not(:disabled){background:#991b1b!important;border-color:#991b1b!important}.finance-modal .edit-modal-footer .primary-button,.finance-modal .edit-modal-footer .finance-secondary-button{border-radius:9px;min-height:44px;padding:0 18px;font-weight:700}.finance-modal .edit-modal-footer .primary-button:focus-visible,.finance-modal .edit-modal-footer .finance-secondary-button:focus-visible,.payment-allocation-form .primary-button:focus-visible{outline-offset:2px;outline:3px solid #4f46e53d}.finance-modal .edit-modal-footer button:disabled,.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<=1180px){.finance-filters,.finance-filters.payments{grid-template-columns:repeat(3,minmax(150px,1fr))}.finance-action-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.finance-page .page-header,.finance-page-actions{align-items:stretch}.finance-page-actions{grid-template-columns:1fr;width:100%;display:grid}.finance-page-actions button,.finance-page>.page-header>.primary-button{width:100%}.finance-summary-grid,.finance-filters,.finance-filters.compact,.finance-filters.payments,.finance-period-toolbar,.finance-action-panel{grid-template-columns:1fr;gap:10px}.payroll-action-buttons{flex-direction:column;align-items:stretch}.payroll-action-buttons button,.payroll-saved-indicator{justify-content:center;width:100%}.finance-summary-card{min-height:82px;padding:15px 16px}.finance-summary-card strong{font-size:20px}.finance-filters,.finance-period-toolbar,.finance-action-panel{padding:13px}.finance-search{grid-column:auto}.finance-workflow-actions{grid-template-columns:1fr;display:grid}.finance-workflow-actions button{width:100%}.finance-desktop-table{display:none}.finance-mobile-list{gap:11px;display:grid}.finance-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:13px;min-width:0;padding:15px;box-shadow:0 4px 14px #0f172a0a}.finance-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.finance-card-header>div{min-width:0}.finance-card-header strong,.finance-card-header span{display:block}.finance-card-header strong{color:#172033;font-size:14px}.finance-card-header>div>span{color:#64748b;margin-top:3px;font-size:11px}.finance-card-amount{background:#f8fafc;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;padding:12px;display:flex}.finance-card-amount span{color:#475569;font-size:12px;font-weight:650}.finance-card-amount strong{color:#172033;white-space:nowrap;font-size:15px}.finance-mobile-card>p{color:#64748b;overflow-wrap:anywhere;margin:12px 0;font-size:12px;line-height:1.5}.finance-card-meta{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:12px 0;font-size:11px;display:flex}.finance-card-money-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0;display:grid}.finance-card-money-grid>div{background:#f8fafc;border-radius:9px;padding:10px}.finance-card-money-grid span,.finance-card-money-grid strong{display:block}.finance-card-money-grid span{color:#64748b;margin-bottom:5px;font-size:10px}.finance-card-money-grid strong{color:#172033;overflow-wrap:anywhere;font-size:12px}.finance-mobile-card>.finance-row-button{width:100%;margin-top:12px}.finance-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.finance-modal .edit-modal-header{padding:16px}.finance-modal-body{padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.finance-modal input,.finance-modal select,.finance-modal textarea{font-size:16px}.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}.finance-detail-grid{grid-template-columns:1fr}}@media (width<=380px){.finance-card-header{flex-direction:column}.finance-card-money-grid{grid-template-columns:1fr}}.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}}.puantaj-hero{border:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);border-radius:16px;grid-template-columns:minmax(300px,1fr) auto;align-items:center;gap:24px;margin-bottom:16px;padding:22px 24px;display:grid}.puantaj-hero-copy{min-width:0}.puantaj-hero-copy h1{margin-bottom:5px}.puantaj-hero-copy>p{margin-bottom:13px}.puantaj-hero-eyebrow{color:var(--app-accent,#2563eb);letter-spacing:.08em;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.puantaj-hero-context{flex-wrap:wrap;gap:8px;display:flex}.puantaj-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}.puantaj-hero-context b{color:var(--app-accent,#2563eb);font-size:12px}.puantaj-hero-actions{justify-items:end;gap:9px;display:grid}.puantaj-hero-date-actions,.puantaj-page-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.puantaj-hero-date-actions .clear-filter-button,.puantaj-page-actions .clear-filter-button{white-space:nowrap;min-height:42px}.puantaj-today-button{border-color:var(--app-primary,#172033)!important;background:var(--app-primary,#172033)!important;color:var(--app-bg,#fff)!important}.puantaj-range-toolbar{border-radius:14px;gap:14px;margin-bottom:16px;padding:16px}.puantaj-filter-heading{border-bottom:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:center;gap:16px;padding-bottom:13px;display:flex}.puantaj-filter-heading>div{gap:3px;display:grid}.puantaj-filter-heading strong{color:var(--text,#172033);font-size:14px}.puantaj-filter-heading span{color:var(--text-muted,#64748b);font-size:11px}.puantaj-advanced-filters{grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px}.puantaj-table{min-width:1180px}.puantaj-table th,.puantaj-table td{padding-top:13px;padding-bottom:13px}.puantaj-table tbody tr{transition:background-color .16s}.puantaj-sticky-person{z-index:2;background:var(--surface,#fff);min-width:190px;position:sticky;left:0}thead .puantaj-sticky-person{z-index:4;background:var(--surface-muted,#f8fafc)}.puantaj-person-cell,.puantaj-table-block{gap:4px;display:grid}.puantaj-person-cell strong{color:var(--text,#172033);font-size:13px;line-height:1.35}.puantaj-person-cell span,.puantaj-person-cell small,.puantaj-table-block small,.puantaj-overtime-cell small{color:var(--text-muted,#64748b);font-size:10px;line-height:1.35}.puantaj-person-cell small{margin:0!important}.puantaj-date-cell{white-space:nowrap}.puantaj-table-block{min-width:125px}.puantaj-table-block>strong{color:var(--text,#172033);white-space:nowrap;font-size:12px}.puantaj-time-grid{grid-template-columns:repeat(3,minmax(48px,1fr));gap:7px;min-width:185px;display:grid}.puantaj-time-grid>span{background:var(--surface-muted,#f8fafc);text-align:center;border-radius:8px;gap:3px;padding:6px 7px;display:grid}.puantaj-time-grid small{color:var(--text-muted,#64748b)!important;margin:0!important;font-size:9px!important}.puantaj-time-grid strong{color:var(--text,#172033);white-space:nowrap;font-size:11px}.puantaj-work-summary small{white-space:normal!important;margin:0!important}.puantaj-overtime-cell{background:#eff6ff;border:1px solid #dbeafe;border-radius:9px;gap:4px;min-width:115px;padding:8px 9px;display:grid}.puantaj-overtime-cell>strong{color:#1d4ed8;font-size:13px}.puantaj-overtime-cell>span,.puantaj-card-overtime>em,.puantaj-modal-overtime-summary>em{color:#c2410c;background:#ffedd5;border-radius:999px;width:fit-content;padding:3px 6px;font-size:9px;font-style:normal;font-weight:750}.puantaj-overtime-cell.manual{background:#fff7ed;border-color:#fed7aa}.puantaj-note-cell{min-width:110px;max-width:160px;color:var(--text-muted,#64748b);font-size:11px;line-height:1.45}.puantaj-action-cell{white-space:nowrap}.puantaj-status.incomplete{color:#c2410c;background:#fff7ed}.puantaj-card-section-label{color:var(--text-muted,#64748b);letter-spacing:.06em;text-transform:uppercase;margin-top:13px;font-size:10px;font-weight:750}.puantaj-card-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:9px;display:grid}.puantaj-card-summary-grid.single{grid-template-columns:1fr}.puantaj-card-summary-grid>div{border:1px solid var(--border,#e2e8f0);background:var(--surface-muted,#f8fafc);border-radius:9px;gap:4px;padding:10px 11px;display:grid}.puantaj-card-summary-grid span,.puantaj-card-overtime span{color:var(--text-muted,#64748b);font-size:10px;font-weight:650}.puantaj-card-summary-grid strong{color:var(--text,#172033);font-size:14px}.puantaj-card-overtime{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;gap:6px;margin-bottom:9px;padding:11px 12px;display:grid}.puantaj-card-overtime>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.puantaj-card-overtime strong{color:#1d4ed8;font-size:16px}.puantaj-card-overtime small{color:var(--text-muted,#64748b);font-size:10px}.puantaj-card-overtime.manual{background:#fff7ed;border-color:#fed7aa}.puantaj-card-deviations{flex-wrap:wrap;gap:6px;margin-bottom:11px;display:flex}.puantaj-card-deviations span{background:var(--surface-muted,#f1f5f9);color:var(--text-muted,#64748b);border-radius:999px;padding:4px 7px;font-size:10px;font-weight:650}.puantaj-modal-overtime-summary{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:11px;gap:8px!important;display:grid!important}.puantaj-modal-overtime-summary>div{gap:3px;display:grid}.puantaj-modal-overtime-summary span{color:#64748b;font-size:10px;font-weight:650}.puantaj-modal-overtime-summary strong{color:#1d4ed8;font-size:16px}.puantaj-modal-overtime-summary.manual{background:#fff7ed;border-color:#fed7aa}.puantaj-modal-overtime-summary>em{grid-column:1/-1}html[data-theme=dark] :is(.puantaj-hero,.puantaj-mobile-card,.puantaj-sticky-person,.puantaj-modal .edit-modal-header,.puantaj-modal .edit-modal-footer){color:var(--app-text);border-color:var(--app-border)!important;background:var(--app-surface)!important}html[data-theme=dark] :is(thead .puantaj-sticky-person,.puantaj-time-grid>span,.puantaj-card-plan,.puantaj-card-summary-grid>div,.puantaj-card-deviations span){border-color:var(--app-border)!important;background:var(--app-surface-muted)!important}html[data-theme=dark] :is(.puantaj-overtime-cell,.puantaj-card-overtime,.puantaj-modal-overtime-summary){background:#10243e!important;border-color:#1e4b7a!important}html[data-theme=dark] :is(.puantaj-overtime-cell.manual,.puantaj-card-overtime.manual,.puantaj-modal-overtime-summary.manual){background:#2b1c12!important;border-color:#7c4a20!important}html[data-theme=dark] :is(.puantaj-overtime-cell strong,.puantaj-card-overtime strong,.puantaj-modal-overtime-summary strong){color:#93c5fd!important}html[data-theme=dark] .puantaj-status.empty{color:#cbd5e1;background:#263449}html[data-theme=dark] .puantaj-status.calisti{color:#6ee7b7;background:#12372d}html[data-theme=dark] .puantaj-status.incomplete{color:#fdba74;background:#3b2715}@media (width<=1180px){.puantaj-hero{grid-template-columns:1fr;align-items:start}.puantaj-hero-actions{justify-items:stretch;width:100%}.puantaj-hero-date-actions,.puantaj-page-actions{justify-content:flex-start}.puantaj-advanced-filters{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media (width<=768px){.puantaj-hero{border-radius:14px;gap:16px;padding:18px}.puantaj-hero-context{grid-template-columns:1fr;display:grid}.puantaj-hero-context>span{border-radius:9px;width:100%}.puantaj-hero-date-actions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;display:grid}.puantaj-hero-date-actions .clear-filter-button{white-space:normal;min-width:0;padding:0 7px;font-size:11px}.puantaj-page-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.puantaj-page-actions>*,.puantaj-page-actions .vardiya-export-button{width:100%}.puantaj-filter-heading{align-items:flex-start}.puantaj-filter-heading span{display:none}.puantaj-filter-heading .puantaj-clear-filters{width:auto;min-height:40px}.puantaj-advanced-filters{grid-template-columns:1fr}.puantaj-mobile-card{border-radius:14px;padding:16px}.puantaj-card-header{align-items:center}.puantaj-card-date{background:var(--surface-muted,#f1f5f9);white-space:nowrap;border-radius:7px;flex:none;margin:0;padding:5px 7px}.puantaj-mobile-card>.puantaj-status-stack{margin-top:11px}.puantaj-card-time-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px 0 10px}.puantaj-card-time-grid>div{border:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);text-align:center;border-radius:9px;min-width:0;min-height:58px;padding:9px 7px}.puantaj-card-time-grid strong{font-size:14px}.puantaj-mobile-card .puantaj-action-button{border-color:var(--app-primary,#172033);background:var(--app-primary,#172033);min-height:48px;color:var(--app-bg,#fff)}.puantaj-modal :is(input,select,textarea){min-height:44px}}@media (width<=390px){.puantaj-hero,.puantaj-mobile-card,.puantaj-range-toolbar{padding-left:14px;padding-right:14px}.puantaj-hero-date-actions .clear-filter-button{font-size:10px}.puantaj-card-header{align-items:flex-start}.puantaj-card-header>div span{white-space:normal}.puantaj-card-time-grid,.puantaj-card-summary-grid,.puantaj-modal-overtime-summary{grid-template-columns:1fr 1fr}.puantaj-card-time-grid>div:last-child,.puantaj-modal-overtime-summary>em{grid-column:1/-1}}.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}.monthly-entitlement-page{--monthly-navy:#172033;--monthly-muted:#64748b;--monthly-border:#e2e8f0;--monthly-soft:#f8fafc;--monthly-accent:#1d4ed8;min-width:0}.monthly-entitlement-hero{margin-bottom:18px}.monthly-entitlement-export-control{flex:none}.monthly-entitlement-export-button{min-width:146px}.monthly-entitlement-eyebrow{color:var(--monthly-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800;display:inline-flex}.monthly-entitlement-period-panel{border:1px solid var(--monthly-border);background:#fff;border-radius:14px;grid-template-columns:minmax(210px,.8fr) minmax(480px,2fr) auto;align-items:end;gap:16px;margin-bottom:16px;padding:18px;display:grid}.monthly-entitlement-period-panel>label>span,.monthly-entitlement-filters label>span,.monthly-entitlement-period-status span{color:var(--monthly-muted);margin-bottom:7px;font-size:11px;font-weight:700;display:block}.monthly-entitlement-period-panel select,.monthly-entitlement-filters select,.monthly-entitlement-filters input{width:100%;min-width:0;height:44px;color:var(--monthly-navy);font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:0 12px}.monthly-entitlement-period-panel select:focus,.monthly-entitlement-filters select:focus,.monthly-entitlement-filters input:focus{border-color:#3b82f6;outline:3px solid #3b82f629}.monthly-entitlement-period-status{grid-column:2/-1;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:9px;display:grid}.monthly-entitlement-period-status>div{border:1px solid var(--monthly-border);background:var(--monthly-soft);border-radius:10px;min-width:0;min-height:58px;padding:10px 12px}.monthly-entitlement-period-status strong{color:var(--monthly-navy);overflow-wrap:anywhere;font-size:12px;line-height:1.35;display:block}.monthly-entitlement-period-status strong.is-open{color:#047857}.monthly-entitlement-period-status strong.is-closed{color:#b91c1c}.monthly-entitlement-calculate{white-space:nowrap;min-height:44px}.monthly-entitlement-period-copy{border:1px solid var(--monthly-border);background:var(--monthly-soft);border-radius:9px;grid-column:1/3;align-items:center;gap:7px;min-width:0;padding:10px 12px;display:flex}.monthly-entitlement-period-copy strong{color:var(--monthly-navy);font-size:12px}.monthly-entitlement-period-copy span{color:var(--monthly-muted);font-size:11px}.monthly-entitlement-period-actions{flex-wrap:wrap;grid-column:3;justify-content:flex-end;gap:8px;display:flex}.monthly-entitlement-period-actions button{white-space:nowrap;min-height:44px}.monthly-entitlement-close-button{color:#92400e;border-color:#f59e0b}.monthly-entitlement-close-help{color:#b45309;grid-column:1/-1;margin:0;font-size:11px;line-height:1.45}.monthly-entitlement-history-panel{border:1px solid var(--monthly-border);background:#fff;border-radius:13px;margin-bottom:16px;padding:16px 18px}.monthly-entitlement-history-toggle-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.monthly-entitlement-history-toggle-row h2,.monthly-entitlement-history-grid h3{color:var(--monthly-navy);margin:0}.monthly-entitlement-history-toggle-row h2{font-size:15px}.monthly-entitlement-history-toggle-row p{color:var(--monthly-muted);margin:4px 0 0;font-size:11px}.monthly-entitlement-history-grid{border-top:1px solid var(--monthly-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:15px;padding-top:15px;display:grid}.monthly-entitlement-history-grid h3{margin-bottom:9px;font-size:13px}.monthly-entitlement-snapshot-list,.monthly-entitlement-event-list{gap:8px;display:grid}.monthly-entitlement-snapshot-list article,.monthly-entitlement-event-list article,.monthly-entitlement-history-empty{border:1px solid var(--monthly-border);background:var(--monthly-soft);border-radius:9px;padding:11px}.monthly-entitlement-snapshot-list article>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.monthly-entitlement-snapshot-list article>div:first-child strong,.monthly-entitlement-event-list strong{color:var(--monthly-navy);font-size:12px}.monthly-entitlement-snapshot-list article>div:first-child span,.monthly-entitlement-event-list>article>span{color:var(--monthly-muted);font-size:10px}.monthly-entitlement-snapshot-list dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0 0;display:grid}.monthly-entitlement-snapshot-list dl>div{min-width:0}.monthly-entitlement-snapshot-list dt,.monthly-entitlement-snapshot-list dd{margin:0}.monthly-entitlement-snapshot-list dt{color:var(--monthly-muted);font-size:9px}.monthly-entitlement-snapshot-list dd{color:var(--monthly-navy);overflow-wrap:anywhere;margin-top:3px;font-size:11px;font-weight:700}.monthly-entitlement-event-list strong,.monthly-entitlement-event-list p{margin-top:5px;display:block}.monthly-entitlement-event-list p,.monthly-entitlement-history-empty{color:var(--monthly-muted);margin-bottom:0;font-size:10px;line-height:1.45}.monthly-entitlement-period-modal-copy{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-bottom:15px;padding:13px 14px;font-size:12px;line-height:1.55}.monthly-entitlement-period-modal-copy p{margin:0}.monthly-entitlement-period-modal-copy p+p{margin-top:8px}.monthly-entitlement-period-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:9px;margin-top:14px;padding:12px 13px;font-size:11px;line-height:1.5}.monthly-entitlement-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:16px;display:grid}.monthly-entitlement-summary-grid>div{border:1px solid var(--monthly-border);background:#fff;border-radius:12px;flex-direction:column;justify-content:center;gap:7px;min-width:0;min-height:92px;padding:15px;display:flex}.monthly-entitlement-summary-grid span{color:var(--monthly-muted);font-size:11px;font-weight:700}.monthly-entitlement-summary-grid strong{color:var(--monthly-navy);overflow-wrap:anywhere;font-size:clamp(15px,1.35vw,20px);line-height:1.25}.monthly-entitlement-summary-grid>.is-primary{background:#eff6ff;border-color:#bfdbfe}.monthly-entitlement-summary-grid>.is-primary strong{color:#1d4ed8}.monthly-entitlement-filters{border:1px solid var(--monthly-border);background:#fff;border-radius:13px;grid-template-columns:repeat(3,minmax(150px,.7fr)) minmax(220px,1.4fr);gap:11px;margin-bottom:16px;padding:15px;display:grid}.monthly-entitlement-table-wrapper{overscroll-behavior-x:contain;border:1px solid var(--monthly-border);scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin;background:#fff;border-radius:13px;width:100%;overflow-x:auto}.monthly-entitlement-table{table-layout:auto;min-width:1900px;margin:0}.monthly-entitlement-table th,.monthly-entitlement-table td{white-space:nowrap;word-break:normal}.monthly-entitlement-table th:nth-child(n+4):nth-child(-n+14),.monthly-entitlement-table td:nth-child(n+4):nth-child(-n+14){text-align:right}.monthly-entitlement-table th:first-child,.monthly-entitlement-table td:first-child{background:#fff;position:sticky;left:0}.monthly-entitlement-table th:first-child{z-index:3;background:#f8fafc}.monthly-entitlement-table td:first-child{z-index:1}.monthly-entitlement-negative-cash{color:#b91c1c;white-space:normal;flex-direction:column;gap:3px;max-width:190px;display:inline-flex}.monthly-entitlement-negative-cash strong{color:inherit}.monthly-entitlement-negative-cash small,.monthly-entitlement-detail-value small{color:#64748b;white-space:normal;font-size:9px;font-weight:600;line-height:1.35;display:block}.monthly-entitlement-detail-value{gap:4px;display:grid}.monthly-entitlement-model{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border-radius:999px;align-items:center;min-height:27px;padding:4px 9px;font-size:10px;font-weight:800;display:inline-flex}.monthly-entitlement-model.fixed_monthly{color:#6d28d9;background:#f5f3ff}.monthly-entitlement-model.unset{color:#64748b;background:#f1f5f9}.monthly-entitlement-mobile-list{display:none}.monthly-entitlement-detail-intro{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:15px;display:flex}.monthly-entitlement-detail-intro>span:not(.monthly-entitlement-model){border:1px solid var(--monthly-border);min-height:28px;color:var(--monthly-muted);border-radius:999px;align-items:center;padding:4px 9px;font-size:11px;font-weight:650;display:inline-flex}.monthly-entitlement-payment-breakdown,.monthly-entitlement-adjustments,.monthly-entitlement-inline-editor{border-top:1px solid var(--monthly-border);margin-top:18px;padding-top:17px}.monthly-entitlement-payment-breakdown h3,.monthly-entitlement-adjustments h3,.monthly-entitlement-inline-editor h3{color:var(--monthly-navy);margin:0;font-size:15px}.monthly-entitlement-payment-breakdown>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.monthly-entitlement-payment-breakdown>div>span{border:1px solid var(--monthly-border);background:var(--monthly-soft);min-width:0;color:var(--monthly-muted);border-radius:9px;padding:11px;font-size:10px}.monthly-entitlement-payment-breakdown strong{color:var(--monthly-navy);overflow-wrap:anywhere;margin-top:5px;font-size:12px;display:block}.monthly-entitlement-detail-actions,.monthly-entitlement-inline-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:17px;display:flex}.monthly-entitlement-detail-actions button,.monthly-entitlement-inline-actions button{min-height:44px}.monthly-entitlement-inline-editor{background:#f8faff;border:1px solid #bfdbfe;border-radius:11px;padding:16px}.monthly-entitlement-inline-editor>div:first-child p,.monthly-entitlement-section-heading p{color:var(--monthly-muted);margin:4px 0 0;font-size:11px}.monthly-entitlement-inline-editor .edit-form-grid{margin-top:13px}.monthly-entitlement-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.monthly-entitlement-section-heading>span{min-height:27px;color:var(--monthly-muted);background:#f1f5f9;border-radius:999px;align-items:center;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.monthly-entitlement-adjustment-item{border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.monthly-entitlement-adjustment-item>div:first-child{flex:1;min-width:0}.monthly-entitlement-adjustment-item strong,.monthly-entitlement-adjustment-item span,.monthly-entitlement-adjustment-item small{display:block}.monthly-entitlement-adjustment-item>div:first-child>strong{color:var(--monthly-navy);font-size:13px}.monthly-entitlement-adjustment-item span,.monthly-entitlement-adjustment-item small{color:var(--monthly-muted);margin-top:3px;font-size:10px}.monthly-entitlement-adjustment-item p{color:#334155;overflow-wrap:anywhere;margin:7px 0 0;font-size:12px}.monthly-entitlement-adjustment-item>div:last-child{flex:none;align-items:center;gap:10px;display:flex}.monthly-entitlement-adjustment-item .is-credit>strong{color:#047857}.monthly-entitlement-adjustment-item .is-debit>strong{color:#b91c1c}.monthly-entitlement-adjustment-empty{background:var(--monthly-soft);color:var(--monthly-muted);text-align:center;border:1px dashed #cbd5e1;border-radius:10px;margin:0;padding:17px;font-size:12px}.monthly-entitlement-kind-selector{border:1px solid var(--monthly-border);background:var(--monthly-soft);border-radius:11px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:18px;padding:5px;display:grid}.monthly-entitlement-kind-selector button{min-height:40px;color:var(--monthly-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-weight:750}.monthly-entitlement-kind-selector button.active{color:#1d4ed8;background:#fff;box-shadow:0 1px 3px #0f172a1f}.monthly-entitlement-adjustment-form textarea{resize:vertical}html[data-theme=dark] .monthly-entitlement-page{--monthly-navy:var(--app-text);--monthly-muted:var(--app-text-muted);--monthly-border:var(--app-border);--monthly-soft:var(--app-surface-muted);--monthly-accent:#93c5fd}html[data-theme=dark] :is(.monthly-entitlement-period-panel,.monthly-entitlement-summary-grid>div,.monthly-entitlement-filters,.monthly-entitlement-table-wrapper,.monthly-entitlement-mobile-card,.monthly-entitlement-inline-editor,.monthly-entitlement-history-panel){border-color:var(--app-border);background:var(--app-surface)}html[data-theme=dark] :is(.monthly-entitlement-period-status>div,.monthly-entitlement-payment-breakdown>div>span,.monthly-entitlement-adjustment-empty,.monthly-entitlement-kind-selector),html[data-theme=dark] :is(.monthly-entitlement-period-copy,.monthly-entitlement-snapshot-list article,.monthly-entitlement-event-list article,.monthly-entitlement-history-empty){border-color:var(--app-border);background:var(--app-surface-muted)}html[data-theme=dark] :is(.monthly-entitlement-period-panel select,.monthly-entitlement-filters select,.monthly-entitlement-filters input,.monthly-entitlement-kind-selector button.active){border-color:var(--app-border);background:var(--app-surface-elevated);color:var(--app-text)}html[data-theme=dark] .monthly-entitlement-summary-grid>.is-primary{background:#1e40af3d;border-color:#1e40af}html[data-theme=dark] .monthly-entitlement-table th:first-child{background:var(--app-surface-muted)}html[data-theme=dark] .monthly-entitlement-table td:first-child{background:var(--app-surface)}html[data-theme=dark] .monthly-entitlement-negative-cash{color:#fca5a5}html[data-theme=dark] .monthly-entitlement-model{color:#bfdbfe;background:#1e3a5f}html[data-theme=dark] .monthly-entitlement-model.fixed_monthly{color:#ddd6fe;background:#312e81}html[data-theme=dark] .monthly-entitlement-model.unset{color:#cbd5e1;background:#263244}html[data-theme=dark] :is(.monthly-entitlement-negative-cash small,.monthly-entitlement-detail-value small){color:var(--app-text-muted)}html[data-theme=dark] .monthly-entitlement-adjustment-item p{color:var(--app-text)}html[data-theme=dark] .monthly-entitlement-period-modal-copy{color:#bfdbfe;background:#1e40af3d;border-color:#1e40af}html[data-theme=dark] .monthly-entitlement-period-warning{color:#fcd34d;background:#92400e33;border-color:#92400e}@media (width<=1240px){.monthly-entitlement-period-panel{grid-template-columns:minmax(210px,.8fr) minmax(480px,2fr)}.monthly-entitlement-period-status{grid-column:1/-1}.monthly-entitlement-period-copy{grid-column:1}.monthly-entitlement-period-actions{grid-column:2}.monthly-entitlement-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.monthly-entitlement-period-panel{grid-template-columns:1fr}.monthly-entitlement-period-status,.monthly-entitlement-period-copy,.monthly-entitlement-period-actions,.monthly-entitlement-close-help{grid-column:1}.monthly-entitlement-period-actions{justify-content:stretch}.monthly-entitlement-period-actions button{flex:1}.monthly-entitlement-period-status{grid-template-columns:repeat(2,minmax(0,1fr))}.monthly-entitlement-calculate{width:100%}.monthly-entitlement-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.monthly-entitlement-payment-breakdown>div{grid-template-columns:repeat(3,minmax(0,1fr))}.monthly-entitlement-history-grid{grid-template-columns:1fr}}@media (width<=768px){.monthly-entitlement-hero{flex-direction:column;align-items:stretch;gap:16px}.monthly-entitlement-export-control,.monthly-entitlement-export-button{width:100%}.monthly-entitlement-period-panel,.monthly-entitlement-filters{padding:14px}.monthly-entitlement-history-toggle-row{flex-direction:column;align-items:stretch}.monthly-entitlement-history-toggle-row button{width:100%}.monthly-entitlement-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monthly-entitlement-summary-grid>div{min-height:82px;padding:13px}.monthly-entitlement-table-wrapper{display:none}.monthly-entitlement-mobile-list{gap:11px;display:grid}.monthly-entitlement-mobile-card{border:1px solid var(--monthly-border);background:#fff;border-radius:13px;min-width:0;padding:15px}.monthly-entitlement-mobile-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.monthly-entitlement-mobile-header>div{min-width:0}.monthly-entitlement-mobile-header strong,.monthly-entitlement-mobile-header span{display:block}.monthly-entitlement-mobile-header strong{color:var(--monthly-navy);font-size:14px}.monthly-entitlement-mobile-header>div>span{color:var(--monthly-muted);margin-top:4px;font-size:11px}.monthly-entitlement-mobile-total{background:#eff6ff;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin:13px 0 9px;padding:11px;display:flex}.monthly-entitlement-mobile-total span{color:#475569;font-size:11px}.monthly-entitlement-mobile-total strong{color:#1d4ed8;font-size:15px}.monthly-entitlement-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:11px;display:grid}.monthly-entitlement-mobile-grid>div{border:1px solid var(--monthly-border);background:var(--monthly-soft);border-radius:8px;min-width:0;padding:9px}.monthly-entitlement-mobile-grid span,.monthly-entitlement-mobile-grid strong{display:block}.monthly-entitlement-mobile-grid span{color:var(--monthly-muted);margin-bottom:4px;font-size:10px}.monthly-entitlement-mobile-grid strong{color:var(--monthly-navy);overflow-wrap:anywhere;font-size:12px}.monthly-entitlement-mobile-card>.finance-row-button{width:100%}html[data-theme=dark] .monthly-entitlement-mobile-total{background:#1e40af3d}html[data-theme=dark] .monthly-entitlement-mobile-total span{color:#bfdbfe}html[data-theme=dark] .monthly-entitlement-mobile-total strong{color:#93c5fd}}@media (width<=520px){.monthly-entitlement-period-status,.monthly-entitlement-filters,.monthly-entitlement-payment-breakdown>div{grid-template-columns:1fr}.monthly-entitlement-period-copy{flex-direction:column;align-items:flex-start}.monthly-entitlement-period-actions{grid-template-columns:1fr;display:grid}.monthly-entitlement-period-actions button{width:100%}.monthly-entitlement-detail-actions,.monthly-entitlement-inline-actions{grid-template-columns:1fr;display:grid}.monthly-entitlement-detail-actions button,.monthly-entitlement-inline-actions button{width:100%}.monthly-entitlement-adjustment-item{flex-direction:column;align-items:stretch}.monthly-entitlement-adjustment-item>div:last-child{justify-content:space-between}.monthly-entitlement-kind-selector{grid-template-columns:1fr}}.monthly-payments-page{min-width:0}.monthly-payments-hero{align-items:flex-end;margin-bottom:18px}.monthly-payments-hero>.primary-button{white-space:nowrap;min-height:44px}.monthly-payments-period-panel{border:1px solid var(--monthly-border,#e2e8f0);background:#fff;border-radius:14px;grid-template-columns:minmax(240px,420px) minmax(280px,1fr);align-items:end;gap:18px;margin-bottom:16px;padding:18px;display:grid}.monthly-payments-period-panel label>span,.monthly-payments-filters label>span{color:var(--monthly-muted,#64748b);margin-bottom:7px;font-size:11px;font-weight:700;display:block}.monthly-payments-period-panel select,.monthly-payments-filters select,.monthly-payments-filters input{width:100%;min-width:0;height:44px;color:var(--monthly-navy,#172033);font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:0 12px}.monthly-payments-period-panel select:focus,.monthly-payments-filters select:focus,.monthly-payments-filters input:focus{border-color:#3b82f6;outline:3px solid #3b82f629}.monthly-payments-period-panel p{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;margin:0;padding:11px 13px;font-size:11px;line-height:1.5}.monthly-payments-filters{border:1px solid var(--monthly-border,#e2e8f0);background:#fff;border-radius:13px;grid-template-columns:repeat(4,minmax(145px,1fr));gap:11px;margin-bottom:16px;padding:15px;display:grid}.monthly-payments-table-wrapper{overscroll-behavior-x:contain;border:1px solid var(--monthly-border,#e2e8f0);scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin;background:#fff;border-radius:13px;width:100%;overflow-x:auto}.monthly-payments-table{table-layout:auto;min-width:1500px;margin:0}.monthly-payments-table th,.monthly-payments-table td{white-space:nowrap;word-break:normal}.monthly-payments-table .monthly-payments-wrap-cell{white-space:normal;overflow-wrap:anywhere;min-width:160px;max-width:240px}.monthly-payments-table tr.is-cancelled,.monthly-payments-mobile-card.is-cancelled{opacity:.58}.monthly-payments-balance-impact,.monthly-payments-status{white-space:nowrap;border-radius:999px;align-items:center;min-height:27px;padding:4px 9px;font-size:10px;font-weight:800;display:inline-flex}.monthly-payments-balance-impact.affects{color:#c2410c;background:#fff7ed}.monthly-payments-balance-impact.neutral{color:#475569;background:#f1f5f9}.monthly-payments-status.active{color:#047857;background:#ecfdf5}.monthly-payments-status.cancelled{color:#b91c1c;background:#fef2f2}.monthly-payments-row-actions{flex-wrap:nowrap;align-items:center;gap:7px;display:flex}.monthly-payments-mobile-list{display:none}.monthly-payments-balance-detail{border-top:1px solid var(--monthly-border,#e2e8f0);margin-top:18px;padding-top:17px}.monthly-payments-balance-detail h3{color:var(--monthly-navy,#172033);margin:0 0 11px;font-size:15px}.monthly-payments-balance-empty,.monthly-payments-form-note{background:var(--monthly-soft,#f8fafc);color:var(--monthly-muted,#64748b);border:1px dashed #cbd5e1;border-radius:9px;margin:0;padding:13px;font-size:11px;line-height:1.5}.monthly-payments-enforcement-summary small{color:var(--monthly-muted,#64748b);margin-top:1px;font-size:9px;font-weight:550;line-height:1.35;display:block}.monthly-payments-enforcement-help{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;margin:14px 0 0;padding:11px 13px;font-size:11px;line-height:1.5}.monthly-payments-form-note{color:#1e40af;background:#eff6ff;border-style:solid;border-color:#bfdbfe;margin-top:16px}.monthly-payments-form textarea{resize:vertical}html[data-theme=dark] :is(.monthly-payments-period-panel,.monthly-payments-filters,.monthly-payments-table-wrapper,.monthly-payments-mobile-card){border-color:var(--app-border);background:var(--app-surface)}html[data-theme=dark] :is(.monthly-payments-period-panel select,.monthly-payments-filters select,.monthly-payments-filters input){border-color:var(--app-border);background:var(--app-surface-elevated);color:var(--app-text)}html[data-theme=dark] :is(.monthly-payments-period-panel p,.monthly-payments-form-note,.monthly-payments-enforcement-help){color:#bfdbfe;background:#1e40af3d;border-color:#1e40af}html[data-theme=dark] .monthly-payments-balance-empty{border-color:var(--app-border);background:var(--app-surface-muted)}@media (width<=1120px){.monthly-payments-filters{grid-template-columns:repeat(3,minmax(145px,1fr))}}@media (width<=768px){.monthly-payments-hero{align-items:stretch}.monthly-payments-hero>.primary-button{width:100%}.monthly-payments-period-panel{grid-template-columns:1fr;gap:11px;padding:14px}.monthly-payments-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.monthly-payments-table-wrapper{display:none}.monthly-payments-mobile-list{gap:11px;display:grid}.monthly-payments-mobile-card{border:1px solid var(--monthly-border,#e2e8f0);background:#fff;border-radius:13px;min-width:0;padding:15px}.monthly-payments-mobile-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.monthly-payments-mobile-header>div{min-width:0}.monthly-payments-mobile-header strong,.monthly-payments-mobile-header span{display:block}.monthly-payments-mobile-header strong{color:var(--monthly-navy,#172033);font-size:14px}.monthly-payments-mobile-header>div>span{color:var(--monthly-muted,#64748b);margin-top:4px;font-size:11px}.monthly-payments-mobile-amount{background:#eff6ff;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin:13px 0 9px;padding:11px;display:flex}.monthly-payments-mobile-amount span{color:#475569;font-size:11px}.monthly-payments-mobile-amount strong{color:#1d4ed8;font-size:16px}.monthly-payments-mobile-meta{flex-wrap:wrap;gap:6px;margin-bottom:11px;display:flex}.monthly-payments-mobile-meta span{border:1px solid var(--monthly-border,#e2e8f0);min-height:27px;color:var(--monthly-muted,#64748b);border-radius:999px;align-items:center;padding:4px 8px;font-size:10px;display:inline-flex}.monthly-payments-mobile-card .monthly-payments-row-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.monthly-payments-mobile-card .monthly-payments-row-actions button:only-child{grid-column:1/-1}html[data-theme=dark] .monthly-payments-mobile-amount{background:#1e40af3d}}@media (width<=520px){.monthly-payments-filters,.monthly-payments-mobile-card .monthly-payments-row-actions{grid-template-columns:1fr}.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}.puantaj-date-cell{width:150px;max-width:150px}.puantaj-date-cell .public-holiday-badge{width:100%;max-width:150px;display:grid}.vardiya-week-desktop{grid-template-columns:repeat(7,minmax(160px,1fr))}.vardiya-day-column{min-width:160px}.vardiya-day-header .public-holiday-badge{width:100%;display:grid}.puantaj-table{min-width:1120px}.puantaj-table th,.puantaj-table td{padding:11px 10px}.puantaj-sticky-person{min-width:172px}.puantaj-table-block{min-width:110px}.puantaj-time-grid{gap:5px;min-width:168px}.monthly-entitlement-table{min-width:1640px}.monthly-entitlement-table th,.monthly-entitlement-table td,.monthly-payments-table th,.monthly-payments-table td{padding:11px 10px;font-size:11px}.monthly-payments-table{min-width:1300px}.monthly-payments-table .monthly-payments-wrap-cell{min-width:130px;max-width:190px}}@media (width<=768px){.sidebar-collapse-button{display:none}.menu-label{min-width:0}.puantaj-mobile-card .public-holiday-badge{width:100%;display:grid}}.vardiya-legacy-week-desktop{display:none!important}.vardiya-roster-scroll{scrollbar-width:thin;scrollbar-color:#b9c4d4 transparent;padding-bottom:.35rem;overflow-x:auto}.vardiya-roster-grid{background:#fff;border:1px solid #dbe2ea;border-radius:16px;grid-template-columns:minmax(190px,1.45fr) repeat(7,minmax(126px,1fr)) minmax(150px,1fr);min-width:1240px;display:grid;overflow:visible}.vardiya-roster-head{color:#233147;text-align:center;background:#f7f9fc;border-bottom:1px solid #dbe2ea;border-right:1px solid #e7ecf2;min-height:70px;padding:.75rem .65rem}.vardiya-roster-head strong,.vardiya-roster-head span,.vardiya-roster-head small{display:block}.vardiya-roster-head span{color:#69768a;margin-top:.15rem;font-size:.75rem}.vardiya-roster-head small{color:#b45309;margin-top:.25rem;font-size:.66rem}.vardiya-roster-head small.is-half-day{color:#8a6512}.vardiya-roster-head small.is-full-day{color:#b45309}.vardiya-roster-head.is-today{background:#edf4ff;box-shadow:inset 0 3px #17365d}.vardiya-roster-person-head,.vardiya-roster-person{z-index:3;text-align:left;position:sticky;left:0}.vardiya-roster-person{box-shadow:12px 0 18px -18px #0f172ae6}@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)}}.vardiya-roster-person-head{z-index:5;align-items:center;display:flex}.vardiya-roster-row{display:contents}.vardiya-roster-person,.vardiya-roster-cell,.vardiya-roster-summary{background:#fff;border-bottom:1px solid #e7ecf2;border-right:1px solid #e7ecf2;min-height:92px}.vardiya-roster-person{align-items:center;gap:.65rem;padding:.75rem;display:flex}.vardiya-roster-person>div:last-child{min-width:0}.vardiya-roster-person strong,.vardiya-roster-person span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.vardiya-roster-person strong{color:#17233a;font-size:.88rem}.vardiya-roster-person span{color:#748096;margin-top:.2rem;font-size:.74rem}.vardiya-roster-cell{justify-content:center;align-items:stretch;padding:.42rem;display:flex}.vardiya-roster-shifts,.vardiya-roster-empty-actions{gap:.32rem;width:100%;display:grid}.vardiya-roster-shifts button,.vardiya-roster-empty-actions button,.vardiya-roster-rest{color:#17365d;cursor:pointer;background:#edf4ff;border:1px solid #cbd8e8;border-radius:9px;width:100%;min-height:36px}.vardiya-roster-shifts button:hover,.vardiya-roster-empty-actions button:hover{background:#e2edfb;border-color:#17365d}.vardiya-roster-shifts strong,.vardiya-roster-shifts span{white-space:nowrap;display:block}.vardiya-roster-shifts .vardiya-roster-shift-leave{color:#2f627f;margin-top:.25rem;font-size:.63rem;font-weight:800;display:block}.vardiya-roster-shifts .vardiya-roster-adjustment{color:#9a3412;margin-top:.25rem;font-size:.63rem;font-weight:800;display:block}.vardiya-roster-shifts strong{font-size:.78rem}.vardiya-roster-shifts span{color:#65748a;margin-top:.12rem;font-size:.65rem}.vardiya-roster-empty-actions{opacity:1;align-content:center;gap:.38rem}.vardiya-roster-cell:hover .vardiya-roster-empty-actions{opacity:1}.vardiya-roster-empty-actions button{color:#365474;background:#f3f7fc;border-color:#b9c9dc;padding:.45rem .55rem .45rem .7rem;font-weight:700;transition:transform .15s,box-shadow .15s,border-color .15s,background-color .15s,color .15s;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 1px 2px #0f172a0f}.vardiya-roster-empty-actions button:before{content:"";opacity:.75;background:#64748b;border-radius:0 999px 999px 0;width:3px;transition:width .15s,opacity .15s;position:absolute;inset:7px auto 7px 0}.vardiya-roster-empty-actions button:first-child{color:#1e4c7c;background:#eef5ff;border-color:#bfd2e8}.vardiya-roster-empty-actions button:first-child:before{background:#2563eb}.vardiya-roster-empty-actions button:nth-child(2){color:#245979;background:#f0f7fb;border-color:#c5dbe8}.vardiya-roster-empty-actions button:nth-child(2):before{background:#0891b2}.vardiya-roster-empty-actions button:last-child,.vardiya-roster-rest{color:#596314;background:#faf9e8;border-color:#d5d9a5}.vardiya-roster-empty-actions button:last-child:before{background:#ca8a04}.vardiya-roster-empty-actions button:hover:not(:disabled){transform:translateY(-2px)}.vardiya-roster-empty-actions button:hover:not(:disabled):before{opacity:1;width:5px}.vardiya-roster-empty-actions button:first-child:hover:not(:disabled){color:#123f70;background:#dfeeff;border-color:#6ea0dc;box-shadow:0 6px 14px #2563eb2e}.vardiya-roster-empty-actions button:nth-child(2):hover:not(:disabled){color:#164e63;background:#dcf1f8;border-color:#72b1c8;box-shadow:0 6px 14px #0891b22b}.vardiya-roster-empty-actions button:last-child:hover:not(:disabled){color:#4f520e;background:#f3efc9;border-color:#b9aa56;box-shadow:0 6px 14px #ca8a0429}.vardiya-roster-empty-actions button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 5px #0f172a1f}.vardiya-roster-empty-actions button:focus-visible{outline-offset:2px;outline:3px solid #2563eb47}.vardiya-roster-rest{letter-spacing:.05em;align-self:center;min-height:48px;font-weight:800}.vardiya-roster-leave{color:#2f627f;text-align:center;background:#f0f7fb;border:1px solid #cfe0ef;border-radius:9px;align-self:center;width:100%;padding:.65rem .4rem;font-size:.72rem;font-weight:700}.vardiya-roster-summary{align-content:center;gap:.42rem;padding:.65rem;display:grid}.vardiya-roster-summary span{color:#25354c;justify-content:space-between;gap:.5rem;font-size:.73rem;display:flex}.vardiya-roster-summary b{color:#758197;font-weight:600}.vardiya-roster-empty{color:#748096;text-align:center;grid-column:1/-1;padding:2rem}.vardiya-quick-times{background:#f8fafc;border:1px solid #e1e7ef;border-radius:11px;margin-bottom:1rem;padding:.7rem}.vardiya-quick-times>span{color:#69768a;margin-bottom:.45rem;font-size:.76rem;font-weight:700;display:block}.vardiya-quick-times>div{flex-wrap:wrap;gap:.45rem;display:flex}.vardiya-quick-times button{color:#17365d;cursor:pointer;background:#fff;border:1px solid #cbd8e8;border-radius:999px;min-height:36px;padding:.4rem .7rem;font-weight:700}.puantaj-use-planned-row{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.puantaj-use-planned-row small{color:#6b778b;line-height:1.4}html[data-theme=dark] .puantaj-use-planned-row{background:#202d43;border-color:#43516a}@media (width<=520px){.puantaj-use-planned-row{flex-direction:column;align-items:stretch}}html[data-theme=dark] .vardiya-roster-grid,html[data-theme=dark] .vardiya-roster-person,html[data-theme=dark] .vardiya-roster-cell,html[data-theme=dark] .vardiya-roster-summary{background:#182235;border-color:#344258}html[data-theme=dark] .vardiya-roster-head,html[data-theme=dark] .vardiya-quick-times{color:#e7edf7;background:#202d43;border-color:#344258}html[data-theme=dark] .vardiya-roster-head small.is-half-day{color:#fde68a}html[data-theme=dark] .vardiya-roster-head small.is-full-day{color:#fdba74}html[data-theme=dark] .vardiya-roster-person strong,html[data-theme=dark] .vardiya-roster-summary span{color:#e7edf7}html[data-theme=dark] .vardiya-roster-shifts button,html[data-theme=dark] .vardiya-quick-times button{color:#dcecff;background:#263a57;border-color:#466080}html[data-theme=dark] .vardiya-roster-shifts span{color:var(--app-text-muted)}html[data-theme=dark] .vardiya-roster-shifts .vardiya-roster-adjustment{color:#fca5a5}html[data-theme=dark] .vardiya-roster-empty-actions button{color:#e2e8f0;background:#24334a;border-color:#536780}html[data-theme=dark] .vardiya-roster-empty-actions button:first-child{color:#dbeafe;background:#203853;border-color:#42698f}html[data-theme=dark] .vardiya-roster-empty-actions button:nth-child(2){color:#d8f0fb;background:#203744;border-color:#416477}html[data-theme=dark] .vardiya-roster-empty-actions button:first-child:hover:not(:disabled){color:#fff;background:#294d73;border-color:#6a98c8;box-shadow:0 7px 16px #3b82f647}html[data-theme=dark] .vardiya-roster-empty-actions button:nth-child(2):hover:not(:disabled){color:#fff;background:#285466;border-color:#5d9fb6;box-shadow:0 7px 16px #0891b240}html[data-theme=dark] :is(.vardiya-roster-empty-actions button:last-child,.vardiya-roster-rest){color:#f4e6a2;background:#39351e;border-color:#756b3a}html[data-theme=dark] .vardiya-roster-empty-actions button:last-child:hover:not(:disabled){color:#fff4b8;background:#50491f;border-color:#a18d43;box-shadow:0 7px 16px #ca8a0438}@media (width<=768px){.vardiya-roster-scroll{display:none}}.monthly-account-row-actions button:focus-visible{outline:2px solid var(--monthly-accent);outline-offset:2px}.monthly-account-row-actions{flex-wrap:wrap;gap:6px;display:flex}.monthly-account-pay-button{color:#1d4ed8;border-color:#bfdbfe}.monthly-account-enforcement-button{color:#b91c1c!important;border-color:#fecaca!important}.monthly-account-quick-payments{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.monthly-account-payments,.monthly-account-calculation-detail{border-top:1px solid var(--monthly-border,#e2e8f0);margin-top:18px;padding-top:18px}.monthly-account-payments .monthly-entitlement-section-heading{align-items:center}.monthly-account-payment-form{border:1px solid var(--monthly-border,#e2e8f0);background:var(--monthly-soft,#f8fafc);border-radius:12px;margin:14px 0;padding:16px}.monthly-account-payment-form h4{color:var(--monthly-navy,#172033);margin:0 0 14px}.monthly-payment-limit{color:var(--monthly-muted,#64748b);margin-top:6px;font-size:12px;font-weight:650;display:block}.monthly-payment-limit.is-exceeded{color:#b91c1c}.monthly-account-payment-form .primary-button:disabled{opacity:.48;filter:saturate(.55)}.puantaj-absence-penalty{background:#fffbeb;border:1px solid #f3c98b;border-radius:12px;gap:14px;padding:16px;display:grid}.puantaj-absence-penalty>div:first-child{gap:5px;display:grid}.puantaj-absence-penalty strong{color:#92400e;font-size:14px}.puantaj-absence-penalty p{color:#78350f;margin:0;font-size:12px;line-height:1.55}html[data-theme=dark] .puantaj-absence-penalty{background:#78350f38;border-color:#f59e0b6b}html[data-theme=dark] .puantaj-absence-penalty strong{color:#fcd34d}html[data-theme=dark] .puantaj-absence-penalty p{color:#fde68a}.monthly-account-payment-list{gap:8px;display:grid}.monthly-account-payment-list article{border:1px solid var(--monthly-border,#e2e8f0);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.monthly-account-payment-list article.is-cancelled{opacity:.65}.monthly-account-payment-list article>div{gap:4px;display:grid}.monthly-account-payment-list article>div:last-child{justify-items:end}.monthly-account-payment-list span,.monthly-account-payment-list small{color:var(--monthly-muted,#64748b)}html[data-theme=dark] .monthly-account-pay-button{color:#bfdbfe;border-color:#466080}html[data-theme=dark] .monthly-account-payment-form,html[data-theme=dark] .monthly-account-payment-list article{border-color:var(--app-border);background:var(--app-surface-muted);color:var(--app-text)}html[data-theme=dark] .finance-detail-grid>div{border-color:var(--app-border);background:var(--app-surface-muted)}html[data-theme=dark] .finance-detail-grid span{color:var(--app-text-muted)}html[data-theme=dark] .finance-detail-grid strong,html[data-theme=dark] .monthly-account-payment-form h4{color:var(--app-text)}html[data-theme=dark] .monthly-payment-limit{color:#cbd5e1}html[data-theme=dark] .monthly-payment-limit.is-exceeded{color:#fca5a5}@media (width<=520px){.monthly-entitlement-mobile-card .monthly-account-row-actions>button{flex:140px}}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(.payment-calendar-page,.inventory-page,.monthly-entitlement-page,.puantaj-page,.izin-page,.vardiya-page,.finance-page) :is(h1,h2,h3,h4,h5,h6){color:var(--app-text)}html[data-theme=dark] :is(.payment-calendar-page,.inventory-page,.monthly-entitlement-page,.puantaj-page,.izin-page,.vardiya-page,.finance-page) :is(.helper-text,.muted,.secondary-text){color:var(--app-text-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}.finance-summary-grid,.monthly-entitlement-summary-grid,.personel-summary,.vardiya-summary-grid{gap:10px}}@media (width<=768px){.modal-overlay,.payment-modal-overlay,.inventory-modal-overlay{align-items:stretch;overflow:hidden}.finance-modal,.payment-modal,.inventory-modal{overscroll-behavior:contain;max-height:calc(100dvh - 20px)}}