:root{--bg:#f4f6fa;--surface:#fff;--surface-2:#f8fafc;--border:#e2e6ee;--border-strong:#c9d0dc;--text:#1a2233;--text-muted:#667085;--text-faint:#98a2b3;--primary:#1e5eff;--primary-hover:#174ed6;--primary-soft:#e8efff;--danger:#d92d20;--danger-soft:#fee4e2;--success:#12875a;--success-soft:#dcf5e9;--warning:#b54708;--warning-soft:#fef0c7;--info:#175cd3;--info-soft:#e0ecff;--sidebar-bg:#111827;--sidebar-text:#cbd5e1;--sidebar-active:#1f2a44;--radius:8px;--radius-sm:5px;--shadow:0 1px 2px #1018280f, 0 1px 3px #1018281a;--shadow-lg:0 12px 32px #1018282e;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sidebar-w:228px;--topbar-h:54px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:14px;line-height:1.45}#root{min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0;font-size:20px;font-weight:600}h2,h3{margin:0;font-size:15px;font-weight:600}p{margin:0 0 8px}code,pre{font-family:var(--mono);font-size:12.5px}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.mono{font-family:var(--mono);font-size:12.5px}.num{text-align:right;font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.small{font-size:12px}.strong{font-weight:600}.right{text-align:right}.center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.grow{flex:1}.shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);color:var(--sidebar-text);z-index:30;flex-direction:column;transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{height:var(--topbar-h);border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:16px 18px;display:flex}.brand-mark{background:var(--primary);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.brand-name{color:#fff;font-size:15px;font-weight:600}.sidebar nav{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--sidebar-text);align-items:center;gap:10px;padding:9px 12px;font-weight:500;display:flex}.nav-item:hover{background:#ffffff0f;text-decoration:none}.nav-item.active{background:var(--sidebar-active);color:#fff}.nav-icon{opacity:.85;flex-shrink:0;width:18px;height:18px}.sidebar-foot{color:#64748b;padding:12px 18px;font-size:11px}.main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:12px;padding:0 20px;display:flex;position:sticky;top:0}.topbar-title{flex:1;font-weight:600}.topbar-user{align-items:center;gap:12px;display:flex}.user-block{text-align:right;line-height:1.2}.user-name{font-weight:500}.user-role{font-size:11.5px}.nav-toggle{font-size:18px;display:none}.nav-backdrop{display:none}.content{width:100%;max-width:1600px;padding:20px 24px 40px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px}.card-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-body{padding:14px 16px}.card-body.flush{padding:0}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-2>*,.grid-3>*,.stack>*{min-width:0}@media (width<=1100px){.grid-2,.grid-3{grid-template-columns:1fr}}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:500}.kpi-value{font-variant-numeric:tabular-nums;margin-top:4px;font-size:22px;font-weight:600}.kpi-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.kpi-success .kpi-value{color:var(--success)}.kpi-danger .kpi-value{color:var(--danger)}.kpi-warning .kpi-value{color:var(--warning)}.kpi-info .kpi-value{color:var(--info)}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table.table{border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;white-space:nowrap;padding:7px 10px}.table td.wrap,.table th.wrap{white-space:normal}.table th{background:var(--surface-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;z-index:1;font-size:12px;font-weight:600;position:sticky;top:0}.table tbody tr:hover{background:#f9fbff}.table tr.clickable{cursor:pointer}.table tfoot td,.table tr.total td{background:var(--surface-2);font-weight:600}.table .num{text-align:right}.table-compact th,.table-compact td{padding:4px 8px}.table-sticky-first th:first-child,.table-sticky-first td:first-child{background:var(--surface);z-index:2;position:sticky;left:0}.table-sticky-first th:first-child{z-index:3;background:var(--surface-2)}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:11.5px;font-weight:600;line-height:1.5;display:inline-flex}.badge-neutral{color:#344054;background:#eef1f5}.badge-info{background:var(--info-soft);color:var(--info)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-muted{color:var(--text-faint);background:#f2f4f7}.btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-weight:500;line-height:1.3;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2);border-color:#b3bccb}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b42318;border-color:#b42318}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:#0000}.btn-sm{padding:4px 8px;font-size:12.5px}.btn-link{color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.btn-link:hover{text-decoration:underline}.segmented{border:1px solid var(--border-strong);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.segmented button{background:var(--surface);font:inherit;cursor:pointer;color:var(--text-muted);border:none;border-right:1px solid var(--border);padding:6px 12px}.segmented button:last-child{border-right:none}.segmented button.active{background:var(--primary-soft);color:var(--primary);font-weight:600}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;min-height:34px;padding:6px 9px}input[type=checkbox],input[type=radio]{width:auto;min-height:0;margin:0}input:focus,select:focus,textarea:focus,.btn:focus-visible{outline-offset:1px;border-color:var(--primary);outline:2px solid #1e5eff59}input:disabled,select:disabled,textarea:disabled{background:var(--surface-2);color:var(--text-muted)}textarea{resize:vertical;min-height:90px}textarea.mono{font-family:var(--mono);min-height:160px;font-size:12.5px}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field-label{color:var(--text-muted);font-size:12.5px;font-weight:500}.field-hint{color:var(--text-faint);font-size:11.5px}.field.inline{flex-direction:row;align-items:center;gap:8px}.form-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 16px;display:grid}.form-grid .span-2{grid-column:span 2}.form-grid .span-all{grid-column:1/-1}.check{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.filters{flex-wrap:wrap;align-items:flex-end;gap:8px 12px;margin-bottom:12px;display:flex}.filters .field{min-width:130px}.filters .field.wide{min-width:220px}.filters input,.filters select{min-height:32px;padding:4px 8px}.invalid{border-color:var(--danger)!important}.form-error{color:var(--danger);font-size:12.5px}.taginput{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);flex-wrap:wrap;gap:4px;min-height:34px;padding:4px 6px;display:flex}.taginput input{border:none;outline:none;flex:1;min-width:80px;min-height:24px;padding:2px 4px}.chip{background:var(--primary-soft);color:var(--primary);border-radius:4px;align-items:center;gap:4px;padding:1px 6px;font-size:12px;font-weight:600;display:inline-flex}.chip button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:13px;line-height:1}.alert{border-radius:var(--radius-sm);border:1px solid;margin-bottom:12px;padding:10px 12px;font-size:13px}.alert-danger{background:var(--danger-soft);color:#912018;border-color:#fecdca}.alert-info{background:var(--info-soft);color:#1849a9;border-color:#b2ccff}.alert-warning{background:var(--warning-soft);color:#93370d;border-color:#fedf89}.state-box{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;padding:28px;display:flex}.spinner{border:2px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fullpage{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.fullpage-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;gap:12px;width:100%;max-width:420px;padding:28px;display:flex}.fullpage-box h2{font-size:18px}.login{background:linear-gradient(160deg, #eef2ff 0%, var(--bg) 60%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-box{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:12px;width:100%;max-width:400px;padding:32px}.login-box .brand{border:none;height:auto;margin-bottom:20px;padding:0}.login-box .brand-name{color:var(--text);font-size:18px}.login-box form{flex-direction:column;gap:14px;display:flex}.modal-backdrop{z-index:100;background:#10182880;justify-content:center;align-items:flex-start;padding:60px 16px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);box-shadow:var(--shadow-lg);border-radius:10px;flex-direction:column;width:100%;max-height:calc(100vh - 80px);display:flex}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-head .btn{font-size:20px;line-height:1}.modal-body{padding:16px 18px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.toasts{z-index:200;flex-direction:column;gap:8px;max-width:380px;display:flex;position:fixed;bottom:16px;right:16px}.toast{border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;padding:10px 14px;font-weight:500;animation:.2s toast-in}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.toast-info{background:#344054}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tabs{border-bottom:1px solid var(--border);gap:2px;margin-bottom:16px;display:flex;overflow-x:auto}.tab{font:inherit;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-weight:500}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 0 0;display:flex}.pagination-btns{align-items:center;gap:4px;display:flex}.pagination-btns span{color:var(--text-muted);padding:0 8px}.json-viewer{margin:2px 0}.json-head{align-items:center;gap:8px;display:flex}.json-pre{color:#e2e8f0;border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;background:#0f172a;max-height:360px;margin:4px 0 0;padding:10px 12px;overflow:auto}pre.code{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-all;margin:0;padding:10px 12px;overflow:auto}.key-box{font-family:var(--mono);background:var(--warning-soft);border-radius:var(--radius-sm);word-break:break-all;border:1px solid #fedf89;padding:10px 12px;font-size:13px}.dl{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:13px;display:grid}.dl dt{color:var(--text-muted);white-space:nowrap}.dl dd{word-break:break-word;min-width:0;margin:0}.spend-grid-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);max-height:70vh;overflow:auto}.spend-grid{border-collapse:separate;border-spacing:0;min-width:100%;font-size:12.5px}.spend-grid th,.spend-grid td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);white-space:nowrap;padding:0}.spend-grid th{background:var(--surface-2);color:var(--text-muted);text-align:center;z-index:2;padding:5px 6px;font-size:11.5px;position:sticky;top:0}.spend-grid th.weekend{background:#eef1f5}.spend-grid th:first-child,.spend-grid td:first-child{background:var(--surface);z-index:3;text-align:left;min-width:140px;padding:4px 8px;font-weight:600;position:sticky;left:0}.spend-grid th:first-child{z-index:4;background:var(--surface-2)}.spend-grid td input{text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:0;width:74px;min-height:30px;padding:4px 6px}.spend-grid td input:focus{outline:2px solid var(--primary);outline-offset:-2px}.spend-grid td.changed input{background:#fff7d6}.spend-grid td.locked input{color:var(--text-muted);background:#f2f4f7}.spend-grid td.invalid input{background:var(--danger-soft)}.spend-grid td.total,.spend-grid th.total{background:var(--surface-2);text-align:right;padding:4px 8px;font-weight:600}.spend-grid tfoot td{background:var(--surface-2);text-align:right;z-index:2;padding:4px 6px;font-weight:600;position:sticky;bottom:0}.hours-editor{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.hours-day{border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px}.hours-day .day-name{justify-content:space-between;align-items:center;margin-bottom:6px;font-weight:600;display:flex}.hours-range{align-items:center;gap:6px;margin-bottom:4px;display:flex}.hours-range input{text-align:center;width:72px;min-height:28px;font-family:var(--mono);padding:3px 6px}.day-block{margin-bottom:14px}.day-block h3{margin-bottom:6px;font-size:14px}@media (width<=1000px){.sidebar{transform:translate(-100%)}.shell.nav-open .sidebar{transform:none}.nav-backdrop{z-index:25;background:#10182866;display:block;position:fixed;inset:0}.main{margin-left:0}.nav-toggle{display:inline-flex}.content{padding:16px}.form-grid .span-2{grid-column:span 1}.user-role{display:none}}@media (width<=640px){.form-grid,.dl{grid-template-columns:1fr}.dl dt{margin-top:6px}}