@import "https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&family=Unbounded:wght@500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070c1b;--bg-2:#0d1530;--surface:#ffffff0a;--surface-hover:#ffffff12;--surface-strong:#ffffff12;--line:#ffffff17;--line-strong:#ffffff24;--text:#e8eaf2;--text-2:#c4c8da;--muted:#7b84a0;--primary:#3d6bcc;--primary-2:#5040a8;--primary-glow:#3d6bcc2e;--btn-bg:#3d6bcc38;--btn-bg-hover:#3d6bcc52;--btn-text:#8ab0f0;--danger:#f04e6e;--danger-bg:#f04e6e1f;--success:#2dd884;--success-bg:#2dd8841a;--warning:#f5a623;--warning-bg:#f5a6231a;--surface-elevated:#ffffff0a;--surface-elevated-opaque:#111624;--on-accent:#fff;--status-info:#5b8dff;--status-violet:#a98eff;--status-success:var(--success);--status-warning:var(--warning);--status-orange:#f5824a;--status-danger:var(--danger);--overlay-faint:#ffffff05;--overlay-soft:#ffffff08;--overlay-subtle:#ffffff0d;--overlay-medium:#ffffff12;--overlay-strong:#ffffff17;--overlay-heavy:#ffffff1a;--overlay-intense:#ffffff4d;--shadow-soft:#0000001a;--shadow-medium:#00000040;--shadow-strong:#0006;--shadow-heavy:#00000080;--shadow-overlay:#0009;--shadow-backdrop:#000000a6;--select-option-bg:#161d35;--topbar-bg:#070c1be0;--radius-xs:4px;--radius-card:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--font:"Onest", system-ui, -apple-system, sans-serif;--font-heading:"Unbounded", "Onest", system-ui, sans-serif;--fs-2xs:10px;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-base:14px;--fs-lg:15px;--fs-xl:16px;--fs-2xl:17px;--fs-3xl:18px;--fs-4xl:22px}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f0f2f7;--bg-2:#e4e8f2;--surface:#0000000a;--surface-hover:#00000012;--surface-strong:#00000012;--line:#00000017;--line-strong:#00000026;--text:#0f1623;--text-2:#2e3650;--muted:#6b7594;--primary:#2e5cb8;--primary-2:#4535a0;--primary-glow:#2e5cb826;--btn-bg:#2e5cb81f;--btn-bg-hover:#2e5cb833;--btn-text:#2e5cb8;--danger:#d42a4a;--danger-bg:#d42a4a1a;--success:#18a05a;--success-bg:#18a05a1a;--warning:#c47d00;--warning-bg:#c47d001a;--surface-elevated:#fff;--surface-elevated-opaque:#fff;--status-info:#1d4ed8;--status-violet:#5b21b6;--status-success:#166534;--status-warning:#92400e;--status-orange:#9a3412;--status-danger:#991b1b;--overlay-faint:#00000005;--overlay-soft:#00000008;--overlay-subtle:#0000000d;--overlay-medium:#00000012;--overlay-strong:#00000017;--overlay-heavy:#0000001a;--overlay-intense:#0000004d;--shadow-soft:#0000000f;--shadow-medium:#0000001f;--shadow-strong:#0003;--shadow-heavy:#00000040;--shadow-overlay:#0000004d;--shadow-backdrop:#0006;--select-option-bg:var(--bg);--table-header-bg:#e8ebf4;--row-hover-bg:#eef1fa;--row-editing-bg:#e8f0ff;--topbar-bg:#f0f2f7e0}[data-theme=light] body{background:var(--bg);color:var(--text)}[data-theme=light] .appShell{background:radial-gradient(1100px 500px at -5% -10%, #1a47e812, transparent), radial-gradient(1100px 500px at 105% 110%, #5520d40f, transparent), var(--bg)}[data-theme=light] .sidebarPaper{background:radial-gradient(1100px 500px at -5% -10%, #1a47e812, transparent), radial-gradient(1100px 500px at 105% 110%, #5520d40f, transparent), var(--bg)!important}[data-theme=light] .MuiAppBar-root{border-bottom-color:var(--line-strong);background:#f0f2f7eb!important}[data-theme=light] .card{background:var(--surface-elevated);border-color:var(--line-strong);box-shadow:0 4px 24px var(--shadow-soft)}[data-theme=light] input:not(.loginField),[data-theme=light] select:not(.loginField),[data-theme=light] textarea:not(.loginField){background:var(--surface-elevated);color:var(--text);border-color:var(--line-strong)}[data-theme=light] input::placeholder{color:var(--muted)}[data-theme=light] table{background:var(--surface-elevated)}[data-theme=light] th{background:var(--table-header-bg);color:var(--text-2)}[data-theme=light] td{border-color:var(--line)}[data-theme=light] tr:hover td{background:var(--row-hover-bg)}[data-theme=light] .modalWindow{background:var(--surface-elevated)}[data-theme=light] .formInput,[data-theme=light] .formInput option{background:var(--surface-elevated);color:var(--text)}[data-theme=light] .identityPanel{background:var(--overlay-faint)}[data-theme=light] .empSearchDropdown{background:var(--surface-elevated);border-color:var(--line-strong)}[data-theme=light] .empSearchItem:hover{background:var(--row-hover-bg)}[data-theme=light] button:hover{color:var(--status-info)}[data-theme=light] .usersActions .btnDanger{color:var(--danger);background:#d42a4a14;border-color:#d42a4a40}[data-theme=light] .usersActions .btnDanger:hover:not(:disabled){background:#d42a4a26}[data-theme=light] .badge.candidate{color:var(--status-info)}[data-theme=light] .badge.probation{color:var(--status-violet)}[data-theme=light] .badge.active{color:var(--status-success)}[data-theme=light] .badge.inactive{color:var(--status-warning)}[data-theme=light] .badge.dismissal{color:var(--status-orange)}[data-theme=light] .badge.dismissed{color:var(--status-danger)}[data-theme=light] .importRunStatus.running{color:var(--status-info)}[data-theme=light] .importRunStatus.completed{color:var(--status-success)}[data-theme=light] .importRunStatus.warnings{color:var(--status-warning)}[data-theme=light] .importRunStatus.failed{color:var(--status-danger)}[data-theme=light] .importBadge.created{color:var(--status-success)}[data-theme=light] .importBadge.updated{color:var(--status-info)}[data-theme=light] .importBadge.skipped{color:var(--status-warning)}[data-theme=light] .kartaTabActive{color:var(--primary)!important}[data-theme=light] tr.rowEditing td{background:var(--row-editing-bg)}[data-theme=light] .empSearchDropdown{background:var(--surface-elevated)}[data-theme=light] .kartaInput{background:var(--surface-elevated);border-color:var(--line-strong)}*,:before,:after{box-sizing:border-box}body{font-family:var(--font);font-size:var(--fs-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}h1,h2,h3,h4{color:var(--text);font-family:var(--font);margin:0;line-height:1.2}h1{font-size:var(--fs-4xl);letter-spacing:-.02em;font-weight:700;font-family:var(--font-heading)}h2{font-size:var(--fs-3xl);letter-spacing:-.01em;font-weight:700;font-family:var(--font-heading)}h3{font-size:var(--fs-lg);letter-spacing:-.01em;font-weight:600}h4{font-size:var(--fs-md);font-weight:600}.page{--vpsm-bg:#0f1117;--vpsm-card:#1a1d27;--vpsm-border:#2a2d3e;--vpsm-text:#e2e8f0;--vpsm-muted:#64748b;--vpsm-blue:#3b82f6;--vpsm-red:#ef4444;min-height:100vh;color:var(--vpsm-text);background:var(--vpsm-bg);place-items:center;padding:28px;display:grid}.loginCard{background:var(--vpsm-card);border:1px solid var(--vpsm-border);border-radius:var(--radius-lg);width:100%;max-width:340px;padding:28px 20px}@media (width>=480px){.loginCard{padding:36px 32px}}.loginIcon{width:48px;height:48px;color:var(--vpsm-blue);border-radius:var(--radius-md);background:#3b82f61f;border:1px solid #3b82f64d;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.loginTitle{text-align:center;margin-bottom:28px}.loginTitle h1{font-size:var(--fs-3xl);color:var(--vpsm-text)}.loginTitle p{color:var(--vpsm-muted);font-size:var(--fs-sm);margin-top:5px}.loginError{border-radius:var(--radius-sm);color:var(--vpsm-red);font-size:var(--fs-sm);background:#ef44441a;border:1px solid #ef44444d;align-items:center;gap:8px;margin-bottom:12px;padding:9px 12px;display:flex}.loginField{background:var(--vpsm-bg);border:1px solid var(--vpsm-border);border-radius:var(--radius-sm);width:100%;color:var(--vpsm-text);font-size:var(--fs-md);font-family:var(--font);outline:none;margin:0 0 10px;padding:10px 14px;transition:border-color .15s;display:block}.loginField:focus{border-color:var(--vpsm-blue)}.loginField:disabled{opacity:.5;cursor:not-allowed}.loginFieldError,.loginFieldError:focus{border-color:var(--vpsm-red)}.loginBtn{background:var(--vpsm-blue);border-radius:var(--radius-sm);width:100%;color:var(--on-accent);font-size:var(--fs-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:10px 14px;font-weight:600;transition:opacity .15s;display:flex}.loginBtn:hover:not(:disabled){opacity:.88}.loginBtn:disabled{opacity:.6;cursor:not-allowed}.loginSpinner{border:2px solid #ffffff4d;border-top-color:var(--on-accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite loginSpin}@keyframes loginSpin{to{transform:rotate(360deg)}}.appShell{background:radial-gradient(1100px 500px at -5% -10%, #2c5aff21, transparent), radial-gradient(1100px 500px at 105% 110%, #6b35ff1c, transparent), var(--bg);flex-direction:column;height:100vh;display:flex}.sidebarPaper{background:radial-gradient(1100px 500px at -5% -10%, #2c5aff21, transparent), radial-gradient(1100px 500px at 105% 110%, #6b35ff1c, transparent), var(--bg)!important}.appBody{flex:1;min-height:0;display:flex}.topbarUser{font-size:var(--fs-md);color:var(--muted);align-items:center;gap:10px;margin-left:16px;display:flex}.themeToggle{font-size:var(--fs-lg);color:var(--muted);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;line-height:1;font-family:var(--font);background:0 0;margin:0;padding:5px 9px;transition:background .15s,color .15s}.themeToggle:hover{background:var(--surface-hover);color:var(--text);transform:none}.topbarLogout{font-size:var(--fs-sm);font-family:var(--font);color:var(--muted);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:0 0;margin:0;padding:6px 14px;transition:background .15s,color .15s,border-color .15s}.topbarLogout:hover{background:var(--danger-bg);color:var(--danger);border-color:#f04e6e4d;transform:none}.mainContent{flex:1;justify-content:center;align-items:flex-start;min-width:0;padding:24px;display:flex;overflow-y:auto}.mainContent .card.wide{width:100%;max-width:1320px}.mainContent .card.wide.fullWidth{max-width:100%}.mainContent .card.wide.noPaddingTop{padding-top:0}.mainContent:has(.card.wide.noPaddingTop){padding-top:0}.card{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:0 0 0 1px var(--surface), 0 24px 48px var(--shadow-strong);padding:28px}.card.wide{max-width:1180px}.muted{color:var(--muted);font-size:var(--fs-md)}p{margin:6px 0}label,.label{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;margin-top:12px;font-weight:600;display:block}input,select,textarea{border-radius:var(--radius-sm);border:1px solid var(--line-strong);width:100%;font-size:var(--fs-base);font-family:var(--font);box-sizing:border-box;color:var(--text);background:var(--surface-strong);margin-top:6px;padding:11px 14px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}select option,[data-theme=light] select option{background:var(--select-option-bg);color:var(--text-2)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}button{background:var(--btn-bg);color:var(--btn-text);border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-size:var(--fs-md);font-family:var(--font);letter-spacing:.01em;border:1px solid #3d6bcc59;margin-top:12px;padding:10px 18px;transition:background .15s,border-color .15s,color .15s}button:hover{background:var(--btn-bg-hover);color:var(--btn-text);border-color:#3d6bcc8c;transform:none}button:active{background:#3d6bcc61}button:disabled{opacity:.35;cursor:default;box-shadow:none;transform:none}.headerRow{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.kpiRow{grid-template-columns:repeat(auto-fit,minmax(110px,200px));gap:10px;margin:14px 0 8px;display:grid}.kpi{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:12px 14px;transition:border-color .15s}.kpi:hover{border-color:var(--line-strong)}.kpi span{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-weight:500;display:block}.kpi strong{font-size:var(--fs-4xl);color:var(--text);letter-spacing:-.02em;font-weight:700}.error{color:var(--danger);background:var(--danger-bg);border-radius:var(--radius-sm);font-size:var(--fs-md);border:1px solid #f04e6e40;margin-top:10px;padding:10px 14px}.filters{grid-template-columns:minmax(320px,2fr) minmax(160px,1fr) minmax(160px,1fr);gap:10px;margin-top:14px;display:grid}.createRow{grid-template-columns:minmax(220px,1.2fr) minmax(180px,1fr) minmax(180px,1fr) auto;gap:10px;margin-top:14px;display:grid}.skeletonRow td{padding:10px 12px}.skeletonBar{border-radius:var(--radius-sm,4px);background:linear-gradient(90deg, var(--line) 25%, var(--surface-strong) 50%, var(--line) 75%);background-size:200% 100%;height:14px;animation:1.4s ease-in-out infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tableWrap{border:1px solid var(--line);border-radius:var(--radius-md);background:0 0;margin-top:14px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);font-size:var(--fs-md);padding:11px 14px}td{color:var(--text-2)}th{font-weight:600;font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--overlay-soft)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--overlay-soft);color:var(--text)}.identityPanel{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.identityPanelNoDivider{border-top:none;margin-top:12px;padding-top:0}.badge{border-radius:var(--radius-pill);font-size:var(--fs-xs);letter-spacing:.03em;background:var(--overlay-medium);color:var(--text-2);border:1px solid var(--overlay-heavy);align-items:center;padding:3px 10px;font-weight:600;display:inline-flex}.badge.candidate{color:var(--btn-text);background:#2c5aff26;border-color:#2c5aff40}.badge.probation{color:var(--status-violet);background:#6b35ff26;border-color:#6b35ff40}.badge.active{background:var(--success-bg);color:var(--success);border-color:#2dd88440}.badge.inactive{background:var(--warning-bg);color:var(--warning);border-color:#f5a62340}.badge.dismissal{color:var(--warning);background:#f578231f;border-color:#f5782340}.badge.dismissed{background:var(--danger-bg);color:var(--danger);border-color:#f04e6e40}.badge.archived{background:var(--overlay-medium);color:var(--muted);border-color:var(--line)}tr.accExpiring td{background:#f5a62314}tr.accExpired td{background:#f04e6e14}.statusPanel{border:1px solid var(--line);background:var(--overlay-faint);border-radius:10px;margin:12px 0 16px;padding:12px 14px}.statusPanel h4{font-size:var(--fs-base);margin:0 0 10px}.statusPanelRow{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.statusPanelRow label{flex:180px}.statusPanelRow button{align-self:flex-end;margin-top:0}.statusDocChecklist{font-size:var(--fs-md);margin-top:10px}.statusDocChecklist ul{margin:0;padding-left:18px}.statusDocChecklistWarn{border-radius:var(--radius-sm);background:#f5a6231a;border:1px solid #f5a62340;padding:8px 10px}.statusDocChecklist .docOk{color:var(--success)}.statusDocChecklist .docMissing{color:var(--warning)}.identityControls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.identityControls button{margin-top:0}.importSummary{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.importStatusRow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.importRunStatus{border-radius:var(--radius-pill);font-size:var(--fs-xs);background:var(--overlay-medium);color:var(--muted);border:1px solid var(--line);align-items:center;padding:3px 10px;font-weight:600;display:inline-flex}.importRunStatus.running{color:var(--btn-text);background:#2c5aff26;border-color:#2c5aff4d}.importRunStatus.completed{background:var(--success-bg);color:var(--success);border-color:#2dd8844d}.importRunStatus.warnings{background:var(--warning-bg);color:var(--warning);border-color:#f5a6234d}.importRunStatus.failed{background:var(--danger-bg);color:var(--danger);border-color:#f04e6e4d}.importBadge{border-radius:var(--radius-pill);font-size:var(--fs-xs);border:1px solid #0000;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.importBadge.created{background:var(--success-bg);color:var(--success);border-color:#2dd88440}.importBadge.updated{color:var(--btn-text);background:#2c5aff26;border-color:#2c5aff40}.importBadge.skipped{background:var(--warning-bg);color:var(--warning);border-color:#f5a62340}.importProgress{margin-top:12px}.importProgressHeader{font-size:var(--fs-sm);color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.importProgressTrack{background:var(--overlay-medium);border-radius:var(--radius-pill);width:100%;height:6px;overflow:hidden}.importProgressFill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--primary), var(--primary-2));width:0;height:100%;transition:width .2s}.usersCreateForm{grid-template-columns:minmax(130px,1fr) minmax(180px,1.5fr) minmax(150px,1fr) minmax(150px,1fr) auto;align-items:end;gap:8px;margin-top:14px;display:grid}.usersCreateForm input,.usersCreateForm select{margin-top:0}.usersCreateForm button{white-space:nowrap;margin-top:0}.usersActions{white-space:nowrap;flex-wrap:nowrap;gap:6px;display:flex}.usersActions button{font-size:var(--fs-sm);border-radius:var(--radius-card);margin:0;padding:5px 11px}.usersActions button:disabled{opacity:.25;cursor:default}.usersActions .btnDanger{background:var(--danger-bg);color:var(--danger);border-color:#f04e6e4d}.usersActions .btnDanger:hover:not(:disabled){background:#f04e6e33;border-color:#f04e6e80}.iconBtn,.iconBtnDanger{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--overlay-soft);cursor:pointer;width:32px;height:32px;color:var(--text-2);flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .1s;display:inline-flex}.iconBtn:focus-visible,.iconBtnDanger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.iconBtn svg,.iconBtnDanger svg{display:block}.iconBtn:hover{background:var(--overlay-heavy);border-color:var(--line-strong);color:var(--text);box-shadow:0 2px 8px var(--shadow-medium)}.iconBtn:active{background:var(--overlay-subtle);box-shadow:none;transform:scale(.91)}.iconBtnDanger{color:var(--danger);background:#f04e6e0a;border-color:#f04e6e33}.iconBtnDanger:hover{color:var(--danger);background:#f04e6e1f;border-color:#f04e6e73;box-shadow:0 2px 8px #f04e6e33}.iconBtnDanger:active{box-shadow:none;background:#f04e6e0f;transform:scale(.91)}[data-theme=light] .iconBtn{background:var(--overlay-faint);border-color:var(--line);color:var(--text-2)}[data-theme=light] .iconBtn:hover{color:var(--status-info);box-shadow:0 2px 6px var(--shadow-soft);background:#1e3f8a12;border-color:#1e3f8a4d}[data-theme=light] .iconBtnDanger{color:var(--danger);background:#d42a4a08;border-color:#d42a4a33}[data-theme=light] .iconBtnDanger:hover{background:#d42a4a17;border-color:#d42a4a66;box-shadow:0 2px 6px #d42a4a26}.resetPwdInline{align-items:center;gap:6px;display:flex}.resetPwdInline input{width:160px;font-size:var(--fs-sm);margin:0;padding:4px 8px}.inlineInput{width:100%;font-size:var(--fs-md);box-sizing:border-box;margin:0;padding:4px 8px}tr.rowEditing td{background:var(--primary-glow);vertical-align:middle}.modalOverlay{background:var(--shadow-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modalWindow{background:var(--bg-2);border:1px solid var(--line-strong);border-radius:var(--radius-xl);width:100%;box-shadow:0 24px 64px var(--shadow-overlay);animation:.18s modalIn;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modalHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modalTitle{font-size:var(--fs-xl);color:var(--text);margin:0;font-weight:600}.modalClose{color:var(--muted);font-size:var(--fs-3xl);cursor:pointer;border-radius:var(--radius-card);background:0 0;border:none;padding:4px 8px;line-height:1;transition:color .15s,background .15s}.modalClose:hover{color:var(--text);background:var(--surface-hover)}.modalBody{padding:24px}.modalFooter{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;display:flex}.editUserForm{flex-direction:column;gap:18px;display:flex}.formGroup{flex-direction:column;gap:6px;display:flex}.formLabel{font-size:var(--fs-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.formLabelHint{text-transform:none;letter-spacing:0;color:var(--muted);opacity:.7;font-weight:400}.formInput{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:var(--fs-base);font-family:var(--font);box-sizing:border-box;padding:10px 14px;transition:border-color .15s,box-shadow .15s}.formInput:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.formInput option{background:var(--bg-2);color:var(--text)}.passwordRow{align-items:stretch;gap:8px;display:flex}.passwordRow .formInput{flex:1}.btnShowPwd{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;min-width:44px;font-size:var(--fs-xl);color:var(--muted);flex-shrink:0;padding:0 12px;transition:background .15s}.btnShowPwd:hover{background:var(--surface-hover)}.toggleRow{align-items:center;gap:12px;display:flex}.toggleSwitch{cursor:pointer;flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggleSwitch:after{content:"";position:absolute;inset:-10px 0}.toggleSwitch input{opacity:0;width:0;height:0;position:absolute}.toggleSlider{background:var(--line-strong);border-radius:var(--radius-md);transition:background .2s;position:absolute;inset:0}.toggleSlider:before{content:"";background:var(--on-accent);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggleSwitch input:checked+.toggleSlider{background:var(--primary)}.toggleSwitch input:checked+.toggleSlider:before{transform:translate(20px)}.toggleDisabled{opacity:.4;cursor:not-allowed}.toggleLabel{font-size:var(--fs-md);color:var(--text-2)}.btnPrimary{background:var(--btn-bg);color:var(--btn-text);border-radius:var(--radius-sm);font-size:var(--fs-base);cursor:pointer;font-weight:500;font-family:var(--font);border:1px solid #3d6bcc59;padding:10px 22px;transition:background .15s,border-color .15s,color .15s}.btnPrimary:hover:not(:disabled){background:var(--btn-bg-hover);color:var(--btn-text);border-color:#3d6bcc8c}.btnPrimary:disabled{opacity:.4;cursor:not-allowed}.btnSecondary{background:var(--surface);color:var(--muted);border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:var(--fs-base);cursor:pointer;font-weight:500;font-family:var(--font);padding:10px 22px;transition:background .15s,color .15s}.btnSecondary:hover:not(:disabled){background:var(--surface-hover);color:var(--text-2)}.btnSecondary:disabled{opacity:.4;cursor:not-allowed}.jsonImportRow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.jsonImportRow input[type=file]{flex:1;width:auto;min-width:200px;margin-top:0}.jsonImportRow button{white-space:nowrap;margin-top:0}.pagination{align-items:center;gap:12px;margin-top:14px;display:flex}.pagination button{font-size:var(--fs-md);min-width:36px;margin:0;padding:7px 14px}.empSearch{width:100%;min-width:320px;max-width:480px;position:relative}.empSearchInput{width:100%;margin-top:0}.empSearchDropdown{background:var(--bg-2);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:0 12px 32px var(--shadow-heavy);z-index:200;max-height:280px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.empSearchItem{border-radius:var(--radius-card);cursor:pointer;flex-direction:column;gap:2px;padding:8px 10px;transition:background .1s;display:flex}.empSearchItem:hover{background:var(--overlay-medium)}.empSearchName{font-size:var(--fs-md);color:var(--text);font-weight:600}.empSearchSub{font-size:var(--fs-xs);color:var(--muted)}.empSearchEmpty{font-size:var(--fs-md);color:var(--muted);text-align:center;padding:10px}.kartaTabsWrap{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin:14px 0 0;padding-bottom:14px;display:flex}.kartaTab{background:var(--overlay-subtle);color:var(--muted);border-radius:var(--radius-card);font-size:var(--fs-sm);font-weight:500;font-family:var(--font);cursor:pointer;border:1px solid var(--line);margin:0;padding:6px 12px;transition:background .12s,color .12s,border-color .12s}.kartaTab:hover{background:var(--overlay-strong);color:var(--text);border-color:var(--line-strong);transform:none}.kartaTabActive{font-weight:600;color:var(--btn-text)!important;background:#2c5aff33!important;border-color:#2c5aff66!important}.dashboardWidget{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:14px 16px}.dashboardWidgetTitle{font-size:var(--fs-sm);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-weight:600}.kartaSection{margin-top:18px}.kartaSectionTitle{font-size:var(--fs-sm);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 14px;font-weight:600;display:block}.kartaGrid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.kartaField{grid-column:span 6;position:relative}.kartaFieldWide{grid-column:span 12}.kartaFieldLabel{font-size:var(--fs-2xs);color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-weight:600}.kartaFieldFloatingLabel{font-size:var(--fs-base);color:var(--muted);pointer-events:none;text-align:center;transform-origin:50%;background:0 0;margin-top:0;padding:0 4px;line-height:1;transition:transform .15s,color .15s,top .15s,left .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kartaFieldFloatingLabelUp,.kartaFieldFocused .kartaFieldFloatingLabel{background:var(--surface);color:var(--muted);text-align:left;top:0;left:14px;transform:translateY(-50%)scale(.75)}.kartaFieldFocused .kartaFieldFloatingLabel{color:var(--primary)}.kartaFieldHint{font-size:var(--fs-xs);color:var(--muted);margin-top:4px;padding:0 2px;display:block}.kartaInput{width:100%;font-size:var(--fs-base);border-radius:var(--radius-card);background:var(--surface);color:var(--text-2);border:1px solid var(--line);cursor:default;font-family:var(--font);box-sizing:border-box;margin-top:0;padding:16.5px 14px}.kartaInput:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}input[type=date].kartaInputEmpty:not(:focus)::-webkit-datetime-edit{color:#0000}select.kartaInput:disabled{opacity:1;appearance:none;cursor:default;color:var(--text-2)}.kartaNav{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}.kartaNav button{font-size:var(--fs-md);margin:0;padding:8px 20px}.toastContainer{z-index:9999;flex-direction:column;gap:8px;max-width:380px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-md);font-size:var(--fs-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 16px;line-height:1.4;animation:.2s toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast--error{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger)}.toast--success{background:var(--success-bg);border:1px solid var(--success);color:var(--success)}.toast--info{background:var(--surface-strong);border:1px solid var(--line-strong);color:var(--text)}.toastClose{color:inherit;cursor:pointer;font-size:var(--fs-xl);opacity:.7;background:0 0;border:none;flex-shrink:0;margin:0;padding:0;line-height:1}.toastClose:hover{opacity:1}.employeeDetailSection{border-top:1px solid var(--line-strong);margin-top:24px;padding-top:20px}.employeeDetailHeader{align-items:center;gap:12px;margin-bottom:16px;display:flex}.employeeDetailName{font-weight:600;font-size:var(--fs-lg)}.rowSelected{background:#2c5aff14!important}.subPanelTabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:16px;padding-bottom:0;display:flex}.subPanelTab{color:var(--muted);cursor:pointer;font-size:var(--fs-md);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-weight:500;transition:color .15s,border-color .15s}.subPanelTab:hover{color:var(--text)}.subPanelTabActive{color:var(--primary)!important;border-bottom-color:var(--primary)!important}.panelHeaderRow{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panelHeaderRow h3{margin:0}.btnSm{font-size:var(--fs-sm);border-radius:var(--radius-sm);padding:5px 12px}.btnPrimary{background:var(--btn-bg);color:var(--btn-text)}.btnPrimary:hover:not(:disabled){background:var(--btn-bg-hover)}.docForm{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;gap:10px;margin-bottom:16px;padding:16px;display:flex}.formRow2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kartaSectionHeader{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.kartaSectionActions{gap:8px;display:flex}.kartaInputEditable{background:var(--surface-strong)!important;border-color:var(--primary)!important;color:var(--text)!important}@media (width<=1024px){.card.wide{max-width:100%}.filters,.createRow{grid-template-columns:1fr}.kpiRow{grid-template-columns:repeat(2,minmax(120px,1fr))}.usersCreateForm{grid-template-columns:1fr}}@media (width<=640px){.mainContent{padding:12px}.card{border-radius:var(--radius-lg);padding:20px 16px}.kpiRow{grid-template-columns:repeat(2,1fr)}.formRow2,.kartaGrid{grid-template-columns:1fr}input,select,textarea,.formInput,.kartaInput{font-size:var(--fs-xl)}.kartaField,.kartaFieldWide{grid-column:span 1}}.bellButton{position:relative}.bellBadge{border-radius:var(--radius-pill);background:var(--danger);min-width:16px;height:16px;color:var(--on-accent);font-size:var(--fs-2xs);text-align:center;padding:0 4px;font-weight:700;line-height:16px;position:absolute;top:-2px;right:-2px}.gantt-no-scrollbar{scrollbar-width:none}.gantt-no-scrollbar::-webkit-scrollbar{height:0}.gantt-scrollbar-thumb:hover{background:var(--text-2)}.gantt-scrollbar-thumb:active{cursor:grabbing}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}