:root{--bg-body:#0f111a;--bg-sidebar:#151926;--bg-card:#1c2131;--bg-input:#232a3e;--bg-button-secondary:#2d354d;--bg-item-active:#f0c040;--text-main:#f0f3ff;--text-muted:#a0aec0;--text-active:#0f172a;--border-main:#ffffff14;--border-button:#ffffff1a;--accent:#f0c040;--shadow-card:0 4px 20px #0000004d;--radius-main:16px}[data-theme=light]{--bg-body:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--bg-input:#f1f5f9;--bg-button-secondary:#e2e8f0;--bg-item-active:#f0c040;--text-main:#334155;--text-muted:#64748b;--text-active:#0f172a;--border-main:#e2e8f0;--border-button:#cbd5e1;--accent:#d97706;--shadow-card:0 4px 15px #94a3b81a}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}*{box-sizing:border-box}body{background:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background .4s cubic-bezier(.4,0,.2,1),color .4s}.app{grid-template-columns:220px 1fr;height:100%;min-height:0;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--border-main);background:var(--bg-sidebar);flex-direction:column;min-height:0;padding:16px;display:flex;overflow-y:auto}.sidebar h1{color:var(--accent);letter-spacing:-.5px;margin:0 0 4px;font-size:20px;font-weight:800}.sidebar-sub{color:var(--text-muted);margin:0 0 24px;font-size:12px;font-weight:500}.menu{flex-direction:column;gap:6px;display:flex}.menu-item{text-align:left;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.menu-item.active{background:var(--bg-item-active);color:var(--text-active);box-shadow:0 4px 12px #f0c0404d}.menu-item:not(.active):hover{background:var(--bg-button-secondary);color:var(--text-main);transform:translate(4px)}.menu-icon{justify-content:center;align-items:center;font-size:18px;display:flex}.branch-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.branch-item{border:1px solid var(--border-main);background:var(--bg-input);border-radius:10px;justify-content:space-between;align-items:center;transition:all .3s;display:flex;overflow:hidden}.branch-item:hover{border-color:var(--accent)}.branch-item.active{border-color:var(--accent);background:#f0c0400d}.branch-select{color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:8px 12px;font-size:13px;font-weight:500}.branch-delete{color:#ff6b6b;cursor:pointer;opacity:.6;background:0 0;border:0;width:40px;height:100%;transition:all .2s}.branch-delete:hover{opacity:1;background:#ff6b6b1a}.branch-item-manage{flex-wrap:wrap;justify-content:flex-start;gap:8px}.branch-item-name{flex:1;min-width:0;padding:8px 12px;font-size:13px;font-weight:500}.branch-edit-input{border:1px solid var(--border-main);background:var(--bg-body);min-width:120px;color:var(--text-main);border-radius:8px;flex:1;padding:8px 10px}.branch-edit-btn{padding:6px 12px;font-size:12px}.main{grid-template-rows:64px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--border-main);background:var(--bg-sidebar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.topbar h2{margin:0;font-size:18px;font-weight:700}.topbar-right{align-items:center;gap:10px;display:flex}.topbar-developer-credit{border-right:1px solid var(--border-main);letter-spacing:.03em;color:var(--text-muted);opacity:.65;text-align:right;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:flex-end;max-width:200px;margin-right:4px;padding-right:8px;font-size:10px;line-height:1.4;display:flex}.topbar-developer-line{white-space:nowrap;display:block}@media (width<=640px){.topbar-developer-credit{display:none}}.branch-picker-wrap{position:relative}.branch-picker-trigger{background:var(--bg-button-secondary);border:1px solid var(--border-button);min-height:40px;color:var(--text-main);cursor:pointer;border-radius:8px;align-items:center;gap:8px;max-width:min(240px,42vw);padding:0 12px 0 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.branch-picker-trigger:hover:not(:disabled){background:var(--bg-input)}.branch-picker-trigger:disabled{opacity:.5;cursor:not-allowed}.branch-picker-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.branch-picker-caret{opacity:.7;flex-shrink:0;font-size:10px}.branch-picker-dropdown{background:var(--bg-sidebar);border:1px solid var(--border-main);z-index:200;border-radius:8px;width:max-content;min-width:100%;max-width:min(280px,90vw);max-height:min(360px,70vh);padding:4px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 8px 24px #0003}.branch-picker-option{text-align:left;width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:10px 12px;font-size:14px;display:block}.branch-picker-option:hover{background:var(--bg-input)}.branch-picker-option.active{background:var(--bg-item-active);color:var(--text-active)}.branch-picker-empty{padding:12px;font-size:13px}.top-tabs{gap:8px;display:flex}.top-tab{border:1px solid var(--border-button);background:var(--bg-button-secondary);color:var(--text-main);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;transition:all .2s}.top-tab.active{background:var(--bg-item-active);border-color:var(--accent);color:var(--text-active)}.content{flex-direction:column;min-height:0;padding:16px;display:flex;overflow:auto}.kpi-results-page{flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.kpi-period-card{box-sizing:border-box;width:100%}.kpi-manager-page{flex-direction:column;flex:1;gap:16px;width:100%;min-height:0;display:flex}.kpi-manager-page .card{margin-bottom:0}.kpi-manager-page>.card:first-child{flex-shrink:0}.kpi-manager-table-card{flex-direction:column;flex:1;min-height:0;display:flex}.kpi-manager-table-card>.page-header,.kpi-manager-table-card>.row,.kpi-manager-table-card>.kpi-manager-unit-hint,.kpi-manager-table-card>p.muted{flex-shrink:0}.card{border:1px solid var(--border-main);border-radius:var(--radius-main);background:var(--bg-card);box-shadow:var(--shadow-card);margin-bottom:16px;padding:20px}.page-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-header h3{margin:0;font-size:18px;font-weight:700}.muted{color:var(--text-muted);font-size:13px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card{border:1px solid var(--border-main);border-radius:var(--radius-main);background:var(--bg-card);box-shadow:var(--shadow-card);padding:16px;transition:transform .3s}.stat-card:hover{transform:translateY(-4px)}.stat-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.stat-value{color:var(--text-main);margin-top:6px;font-size:24px;font-weight:800}.badge{border-radius:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-green{color:#34d399;background:#10b98126}.badge-red{color:#f87171;background:#ef444426}.badge-blue{color:#60a5fa;background:#3b82f626}.badge-yellow{color:#fbbf24;background:#f59e0b26}[data-theme=light] .badge-green{color:#15803d;background:#dcfce7}[data-theme=light] .badge-red{color:#b91c1c;background:#fee2e2}[data-theme=light] .badge-blue{color:#1d4ed8;background:#dbeafe}[data-theme=light] .badge-yellow{color:#a16207;background:#fef9c3}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:10px;display:grid}.form-grid>.field,.form-grid>.cccd-upload-field{min-width:0}.field{flex-direction:column;gap:4px;display:flex}.error-text{color:#ff8c8c;margin:10px 0 0}[data-theme=light] .error-text{color:#dc2626}.icon-btn{border:1px solid var(--border-button);background:var(--bg-button-secondary);color:var(--text-main);cursor:pointer;border-radius:8px;margin-right:6px;padding:4px 8px}.icon-btn.danger{color:#ff8c8c;border-color:#6b2d2d}[data-theme=light] .icon-btn.danger{color:#ef4444;border-color:#fca5a5}input,select,textarea{background:var(--bg-input);border:1px solid var(--border-main);color:var(--text-main);border-radius:8px;padding:8px 12px;font-size:14px;transition:all .2s}input:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #f0c0401a}button.primary{background:var(--bg-item-active);color:var(--text-active);cursor:pointer;border:0;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s}button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f0c04066}button.secondary{background:var(--bg-button-secondary);color:var(--text-main);border:1px solid var(--border-button);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}button.secondary:hover{background:var(--bg-input)}table{border-collapse:separate;border-spacing:0;width:100%}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-main);background:#0000000d;padding:12px 10px;font-size:12px;font-weight:700}[data-theme=light] th{background:#f8fafc}td{border-bottom:1px solid var(--border-main);text-align:left;padding:12px 10px;font-size:14px}tr:hover td{background:#f0c04008}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table.data-table{table-layout:fixed;min-width:760px}table.data-table .col-actions{white-space:nowrap;vertical-align:middle;text-align:left;width:1%;min-width:100px}table.data-table th,table.data-table td{vertical-align:middle}table.data-table td:not(.col-actions):not(.col-allow-wrap),table.data-table th:not(.col-actions):not(.col-allow-wrap){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}table.data-table td.col-allow-wrap,table.data-table th.col-allow-wrap{white-space:normal;text-overflow:clip;overflow:visible}.kpi-config-two-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:16px;margin-bottom:16px;display:grid}@media (width<=960px){.kpi-config-two-cols{grid-template-columns:1fr}}.kpi-config-two-cols>.kpi-config-staff-card{min-width:0;margin-bottom:0}.kpi-config-staff-select{width:100%;min-width:0;max-width:100%}table.data-table.kpi-config-matrix{table-layout:fixed;width:100%;min-width:0;max-width:520px}.kpi-config-two-cols table.data-table.kpi-config-matrix{max-width:100%}.kpi-config-table-wrap{margin-bottom:4px;overflow-x:auto}.kpi-config-table-title{color:var(--text-main);margin:22px 0 10px;font-size:15px;font-weight:700}.kpi-config-table-title:first-of-type{margin-top:4px}.kpi-config-input{width:100%;max-width:140px}.kpi-config-matrix td.kpi-config-na{text-align:center;color:var(--text-muted)}.birthday-soon-row{box-shadow:inset 4px 0 0 var(--accent);background:#f0c04024}.birthday-soon-row td:first-child{white-space:normal}.birthday-soon-inline{background:var(--accent);color:var(--text-active);vertical-align:middle;border-radius:999px;margin-bottom:4px;margin-right:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.theme-toggle{background:var(--bg-button-secondary);border:1px solid var(--border-button);color:var(--text-main);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--bg-input)}.kpi-manager-grid-wrap{border:1px solid var(--border-main);border-radius:12px;max-height:600px;overflow:auto}.kpi-manager-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.kpi-manager-table th,.kpi-manager-table td{border:1px solid var(--border-main);text-align:center;min-width:45px;padding:8px 6px}.kpi-manager-sticky-name{z-index:10;background:var(--bg-card);word-break:break-word;min-width:220px;font-weight:700;position:sticky;left:0;box-shadow:2px 0 5px #0000001a;text-align:left!important;white-space:normal!important}.kpi-manager-sticky-total{z-index:10;background:var(--bg-card);min-width:90px;color:var(--accent);font-weight:800;transition:background .4s,color .4s;position:sticky;right:0;box-shadow:-2px 0 5px #0000001a}.kpi-manager-table thead th{z-index:20;background:var(--bg-button-secondary);color:var(--text-main);font-size:11px;position:sticky;top:0}.kpi-manager-table thead th.kpi-manager-sticky-name,.kpi-manager-table thead th.kpi-manager-sticky-total{z-index:30}.kpi-manager-cell-num{font-family:JetBrains Mono,monospace}.kpi-manager-cell-day:hover{background:#f0c0401a!important}.kpi-manager-unit-hint{color:var(--text-muted);margin-bottom:8px;font-size:11px;font-style:italic}.birthday-soon-form-banner{color:#f0e6b0;background:#f0c0402e;border:1px solid #f0c040a6;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:14px;font-weight:600}[data-theme=light] .birthday-soon-form-banner{color:#a16207;background:#fef9c3;border-color:#fde047}.cccd-overlay{z-index:10000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.cccd-overlay-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#000000b8;position:absolute;inset:0}.cccd-overlay-panel{z-index:1;background:var(--bg-card);border:1px solid var(--border-main);border-radius:12px;max-width:min(96vw,960px);max-height:90vh;padding:14px 16px 16px;position:relative;box-shadow:0 24px 60px #0000008c}.cccd-overlay-panel img{object-fit:contain;max-width:100%;max-height:78vh;margin:0 auto;display:block}.sr-only-file{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cccd-upload-field .cccd-upload-actions{flex-direction:column;gap:8px;margin-top:4px;display:flex}label.cccd-file-trigger{box-sizing:border-box;background:var(--bg-button-secondary);width:100%;color:var(--text-main);border:1px solid var(--border-button);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;font-weight:500;display:inline-flex}label.cccd-file-trigger:hover:not(.is-disabled){background:#353b52}label.cccd-file-trigger.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.cccd-overlay-close{border:1px solid var(--border-button);background:var(--bg-button-secondary);width:40px;height:40px;color:var(--text-main);cursor:pointer;z-index:2;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:24px;line-height:1;display:flex;position:absolute;top:10px;right:10px}.attendance-modal{z-index:60;box-sizing:border-box;justify-content:center;align-items:center;padding:10px;display:flex;position:fixed;inset:0}.attendance-modal-backdrop{cursor:pointer;background:#000000a6;border:0;margin:0;padding:0;position:absolute;inset:0}.attendance-modal-panel{z-index:1;background:var(--bg-card);border:1px solid var(--border-main);box-sizing:border-box;border-radius:12px;width:min(1080px,100vw - 20px);max-width:100%;max-height:calc(100dvh - 20px);padding:16px 18px 14px;position:relative;overflow:hidden auto;box-shadow:0 16px 48px #00000073}.attendance-modal-close{border:1px solid var(--border-button);background:var(--bg-button-secondary);width:36px;height:36px;color:var(--text-main);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:22px;line-height:1;display:flex;position:absolute;top:10px;right:10px}.attendance-modal-title{color:var(--accent);margin:0 40px 4px 0;font-size:18px}.attendance-modal-sub{margin:0 0 10px;font-size:13px}.attendance-modal-bookings{display:block}.attendance-modal-bookings--split{grid-template-columns:1fr 1fr;align-items:start;gap:0 20px;display:grid}@media (width<=820px){.attendance-modal-bookings--split{grid-template-columns:1fr}}.attendance-tabs-card .attendance-page-tabs{border-bottom:1px solid var(--border-main);flex-wrap:wrap;gap:8px;padding-bottom:10px;display:flex}.attendance-tab{border:1px solid var(--border-button);background:var(--bg-button-secondary);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:8px 14px;font-weight:600}.attendance-tab.active{background:var(--bg-item-active);border-color:var(--accent);color:var(--text-active)}.attendance-modal-panel--status{width:min(560px,100vw - 20px);max-width:min(560px,100vw - 20px)}.attendance-modal-panel--status .attendance-status-select{box-sizing:border-box;width:100%;min-height:48px;padding:12px 14px;font-size:16px;line-height:1.35}.attendance-modal-panel--status .attendance-modal-field input[type=number],.attendance-modal-panel--status .attendance-modal-field input[type=text]{box-sizing:border-box;min-height:44px;padding:10px 12px;font-size:15px}.attendance-status-table th:nth-child(2),.attendance-status-table td:nth-child(2){white-space:normal;word-break:break-word;vertical-align:middle;min-width:12rem;max-width:24rem}.attendance-status-table th:nth-child(3),.attendance-status-table td:nth-child(3){white-space:nowrap;vertical-align:middle;min-width:12rem}.attendance-status-table td:nth-child(3) .primary{white-space:nowrap;padding:10px 16px;font-size:15px;line-height:1.35}.salary-vertical-list{flex-direction:column;gap:12px;display:flex}.salary-vertical-item{justify-content:space-between;align-items:center;font-size:15px;display:flex}.salary-vertical-item .label{color:var(--text-muted)}.salary-vertical-item .value{color:var(--text-main)}.salary-vertical-item.penalty .value{color:#f87171}.salary-vertical-item.total{color:var(--accent);margin-top:5px;font-size:18px}.salary-vertical-item.total .label{color:var(--text-main);font-weight:700}.salary-vertical-divider{background:var(--border-main);height:1px;margin:8px 0}[data-theme=light] .salary-report-vertical-card{box-shadow:0 10px 30px #00000014}.dashboard-charts-grid{margin-top:20px}.simple-chart-container{padding:10px}.simple-chart-container h4{color:var(--text-muted);margin:0 0 15px;font-size:14px;font-weight:500}.table-scroll{padding-bottom:10px;overflow-x:auto}.table-scroll::-webkit-scrollbar{height:6px}.table-scroll::-webkit-scrollbar-thumb{background:var(--border-main);border-radius:3px}.yesterday-report-table .yesterday-report-select,.yesterday-report-table .yesterday-report-penalty{box-sizing:border-box;min-width:11rem;min-height:42px;padding:8px 10px;font-size:15px}.yesterday-report-table .yesterday-report-penalty:disabled{opacity:.45;cursor:not-allowed}.attendance-modal-field{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.attendance-modal-field label{color:var(--text-muted);text-transform:uppercase;font-size:12px}.attendance-modal-row3{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px;display:grid}@media (width<=520px){.attendance-modal-row3{grid-template-columns:1fr}}.attendance-modal-section{border-top:1px solid var(--border-main);margin-top:10px;padding-top:10px}.attendance-modal-section h4{color:var(--text-muted);margin:0;font-size:14px}.attendance-modal-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.attendance-modal-section .small{margin:0 0 8px;font-size:12px}.attendance-modal-lines{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.attendance-modal-lines li{align-items:center;gap:8px;display:flex}.attendance-line-idx{color:var(--text-muted);text-align:right;flex:0 0 24px;font-size:12px}.attendance-modal-lines input[type=number]{flex:1;min-width:0}.attendance-modal-actions{border-top:1px solid var(--border-main);justify-content:flex-end;gap:10px;margin-top:14px;padding-top:10px;display:flex}.salary-penalty-link{color:#f87171;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.salary-penalty-link:hover{color:#fca5a5}[data-theme=light] .salary-penalty-link{color:#dc2626}[data-theme=light] .salary-penalty-link:hover{color:#b91c1c}.penalty-history-overlay{z-index:10000;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.penalty-history-backdrop{cursor:pointer;background:#000000b8;border:0;position:absolute;inset:0}.penalty-history-panel{z-index:1;width:100%;max-width:min(520px,100%);max-height:85vh;position:relative;overflow:auto}.table-scroll.kpi-table-scroll{width:100%;min-width:0;display:block;overflow-x:auto}.kpi-attendance-table{table-layout:fixed;border-collapse:collapse;border:1px solid var(--border-main);width:100%;font-size:14px;line-height:1.35}.kpi-attendance-table th,.kpi-attendance-table td{border:1px solid var(--border-main);vertical-align:middle;text-align:center;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;min-width:0;padding:12px 8px}.kpi-attendance-table th{text-transform:none;font-size:12px;font-weight:700;line-height:1.3}.kpi-attendance-table th:first-child,.kpi-attendance-table td:first-child{text-align:left}.kpi-attendance-table .kpi-criterion-pass{background:#22c55e33}.kpi-attendance-table .kpi-criterion-fail{background:#ef444433}.kpi-attendance-table td.kpi-cell-drill{cursor:pointer}.kpi-attendance-table td.kpi-cell-drill:hover{filter:brightness(1.06)}.kpi-history-modal-table th.kpi-history-col-highlight,.kpi-history-modal-table td.kpi-history-col-highlight{box-shadow:inset 0 0 0 2px #3b82f6a6}.kpi-manager-grid-wrap{border:1px solid var(--border-main);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:6px;flex:1;max-width:100%;min-height:0;overflow:auto}.kpi-manager-table{border-collapse:collapse;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;min-width:max-content;font-size:11px;line-height:1.35}.kpi-manager-table th,.kpi-manager-table td{border:1px solid var(--border-main);white-space:nowrap;vertical-align:middle;padding:5px 6px}.kpi-manager-table th{background:var(--bg-button-secondary);color:var(--text-muted);font-weight:600}.kpi-manager-table thead th{z-index:3;position:sticky;top:0}.kpi-manager-th-day,.kpi-manager-cell-day{box-sizing:border-box;width:3.25rem;min-width:3.25rem;max-width:3.75rem}.kpi-manager-th-day{text-align:center;letter-spacing:.02em;font-size:10px}.kpi-manager-cell-day{text-align:right;padding-left:6px;padding-right:7px}.kpi-manager-th-total{text-align:right;min-width:4rem;padding-left:8px;padding-right:10px}.kpi-manager-sticky-name{z-index:2;background:var(--bg-card);text-overflow:ellipsis;width:6.75rem;min-width:5rem;max-width:6.75rem;padding-left:6px;padding-right:6px;position:sticky;left:0;overflow:hidden;box-shadow:4px 0 8px #00000047}.kpi-manager-table thead .kpi-manager-sticky-name{z-index:4;background:var(--bg-button-secondary)}.kpi-manager-sticky-total{z-index:2;background:var(--bg-card);position:sticky;right:0;box-shadow:-4px 0 8px #00000047}.kpi-manager-table thead .kpi-manager-sticky-total{z-index:4;background:var(--bg-button-secondary)}.kpi-manager-cell-total.kpi-manager-sticky-total{background:var(--bg-card)}.kpi-manager-cell-num{text-align:right}.kpi-manager-cell-total{font-weight:600}.kpi-manager-unit-hint{line-height:1.35}.topbar-user{border-right:1px solid var(--border-main);align-items:center;gap:8px;margin-right:4px;padding-right:8px;display:flex}.topbar-user-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;font-weight:600;overflow:hidden}.topbar-logout{padding:6px 12px;font-size:12px;font-weight:600}@media (width<=720px){.topbar-user-name{max-width:72px}}@media (width<=520px){.topbar-user{border-right:none;padding-right:0}.topbar-logout{padding:6px 10px}}.auth-loading-screen{z-index:2;background:var(--bg-body);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-loading-inner{text-align:center}.auth-spinner{border:3px solid var(--border-main);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin:0 auto 12px;animation:.75s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-shell{z-index:2;-webkit-overflow-scrolling:touch;box-sizing:border-box;justify-content:center;align-items:flex-start;padding:clamp(24px,5vh,56px) 16px 48px;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-bg{z-index:0;background:radial-gradient(ellipse 120% 80% at 50% -20%, #f0c04038, transparent 55%), radial-gradient(ellipse 80% 50% at 100% 50%, #3b82f614, transparent 45%), radial-gradient(ellipse 60% 40% at 0% 80%, #f0c0400f, transparent 40%), var(--bg-body);pointer-events:none;position:fixed;inset:0}.auth-panel{z-index:1;box-sizing:border-box;width:100%;max-width:min(520px,100%);position:relative}.auth-card--wide{box-sizing:border-box;width:100%;max-width:100%}.auth-brand{align-items:center;gap:14px;margin-bottom:22px;display:flex}.auth-brand-mark{background:linear-gradient(145deg, var(--accent), #c9a030);width:48px;height:48px;color:var(--text-active);letter-spacing:-.02em;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:flex;box-shadow:0 8px 24px #f0c04059}.auth-brand-title{color:var(--accent);letter-spacing:-.03em;margin:0;font-size:22px;font-weight:800}.auth-brand-sub{color:var(--text-muted);margin:2px 0 0;font-size:13px;font-weight:500}.auth-card{border:1px solid var(--border-main);border-radius:var(--radius-main);background:var(--bg-card);box-shadow:var(--shadow-card), 0 0 0 1px #ffffff08 inset;box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:26px 22px 22px;overflow-x:clip}[data-theme=light] .auth-card{box-shadow:var(--shadow-card)}.auth-heading{color:var(--text-main);letter-spacing:-.02em;margin:0 0 6px;font-size:20px;font-weight:800}.auth-lead{margin:0 0 20px;font-size:14px;line-height:1.5}.auth-form{flex-direction:column;gap:14px;width:100%;min-width:0;display:flex}.auth-card .field{min-width:0}.auth-card .field input,.auth-card .field select,.auth-card .field textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.auth-form .field span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.auth-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;min-width:0;display:grid}.auth-form-grid>.field{min-width:0}@media (width<=520px){.auth-form-grid{grid-template-columns:minmax(0,1fr)}}.auth-error{margin:0;font-size:13px}.auth-success{color:#34d399;margin:0;font-size:13px}[data-theme=light] .auth-success{color:#15803d}.auth-inline-hint{margin:-6px 0 4px;font-size:12px;line-height:1.45}.auth-submit{width:100%;min-height:46px;margin-top:4px;font-size:15px}.auth-submit--inline{width:auto;min-width:160px;margin-top:0}.auth-row-btns{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;display:flex}.auth-footer-links{border-top:1px solid var(--border-main);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;margin-top:18px;padding-top:16px;font-size:13px;display:flex}.auth-footer-links--center{justify-content:center;gap:8px}.auth-footer-links a{color:var(--accent);font-weight:600;text-decoration:none}.auth-footer-links a:hover{text-decoration:underline}.auth-dot{background:var(--text-muted);opacity:.5;border-radius:50%;width:4px;height:4px}.auth-legal{text-align:center;margin:18px 0 0;font-size:12px}.auth-developer-credit{text-align:center;letter-spacing:.04em;color:var(--text-muted);opacity:.4;-webkit-user-select:none;user-select:none;border-top:1px solid var(--border-main);margin-top:22px;padding-top:16px;font-size:10px;line-height:1.45}.auth-developer-line{display:block}@media (width<=380px){.auth-developer-credit{font-size:9px}}