:root{--ds-blue: #4d6bfe;--ds-blue-700: #3348c8;--ds-blue-600: #3a56e0;--ds-blue-400: #7b8cff;--ds-blue-300: #a5b4ff;--ds-blue-200: #c7d0ff;--ds-cyan: #22d3ee;--ds-green: #34d399;--ds-amber: #fbbf24;--ds-pink: #f472b6;--ds-rose: #fb7185;--ds-violet: #c084fc;--ds-teal: #2dd4bf;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sidebar-w: 236px;--topbar-h: 60px}:root,[data-theme=dark]{--bg: #0a0e1a;--bg-elevated: #0e1424;--surface: #121a2b;--surface-2: #182136;--surface-3: #1f2a42;--border: #253048;--border-soft: #1c2438;--text: #e9ecf5;--text-dim: #b3bcd0;--muted: #838ea8;--accent: var(--ds-blue);--accent-soft: rgba(77, 107, 254, .14);--accent-border: rgba(77, 107, 254, .42);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .24);--grid-line: rgba(255, 255, 255, .06);--ok: #34d399;--warn: #fbbf24;--danger: #fb7185;--chart-tooltip-bg: rgba(14, 20, 36, .97);color-scheme:dark}[data-theme=light]{--bg: #f5f6fa;--bg-elevated: #ffffff;--surface: #ffffff;--surface-2: #f3f5fa;--surface-3: #e9edf6;--border: #dfe4ef;--border-soft: #ebeff7;--text: #0f1425;--text-dim: #3d4761;--muted: #626d88;--accent: var(--ds-blue-600);--accent-soft: rgba(77, 107, 254, .1);--accent-border: rgba(77, 107, 254, .32);--shadow: 0 1px 2px rgba(16, 24, 50, .06), 0 6px 18px rgba(16, 24, 50, .06);--grid-line: rgba(16, 24, 50, .07);--ok: #0f9d63;--warn: #b7791f;--danger: #d94a63;--chart-tooltip-bg: rgba(255, 255, 255, .98);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--bg-elevated);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;border-bottom:1px solid var(--border-soft)}.brand-mark{width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:linear-gradient(135deg,var(--ds-blue) 0%,var(--ds-blue-700) 100%);display:grid;place-items:center;box-shadow:0 4px 14px #4d6bfe5c}.brand-title{font-size:14px;font-weight:650;line-height:1.2}.brand-sub{font-size:11px;color:var(--muted);letter-spacing:.02em}.nav{padding:12px 10px;display:flex;flex-direction:column;gap:2px;flex:1}.nav-section{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);padding:14px 10px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-dim);font-size:13px;font-weight:500;transition:background .12s,color .12s;cursor:pointer}.nav-item:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item .nav-icon{width:16px;display:grid;place-items:center;opacity:.9}.sidebar-foot{padding:12px;border-top:1px solid var(--border-soft);font-size:11px;color:var(--muted)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.topbar h1{font-size:15px;font-weight:650}.topbar-spacer{flex:1}.content{padding:20px 22px 48px;display:flex;flex-direction:column;gap:18px;max-width:1680px;width:100%}.panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);overflow:hidden}.panel-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-soft)}.panel-title{font-size:13.5px;font-weight:620}.panel-sub{font-size:11.5px;color:var(--muted);margin-top:1px}.panel-head-spacer{flex:1}.panel-body{padding:16px}.panel-body.tight{padding:10px 12px}.panel-body.flush{padding:0}.grid{display:grid;gap:14px}.grid-kpi{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.col-span-2{grid-column:span 2}@media(max-width:1100px){.col-span-2{grid-column:span 1}}.kpi{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--kpi-accent, var(--ds-blue));opacity:.85}.kpi-label{font-size:11.5px;color:var(--muted);font-weight:550;letter-spacing:.01em;display:flex;align-items:center;gap:6px}.kpi-value{font-size:23px;font-weight:680;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15}.kpi-value.sm{font-size:19px}.kpi-foot{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.kpi-hint{font-size:11px;color:var(--muted);border-bottom:1px dotted var(--muted);cursor:help}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.5;border:1px solid transparent;white-space:nowrap}.badge-blue{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.badge-green{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 34%,transparent)}.badge-amber{background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 34%,transparent)}.badge-rose{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 34%,transparent)}.badge-muted{background:var(--surface-3);color:var(--muted);border-color:var(--border)}.dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.trend-up{color:var(--danger)}.trend-down{color:var(--ok)}.trend-flat{color:var(--muted)}button,.btn{font-family:inherit;font-size:13px;font-weight:550;padding:7px 13px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}button:hover:not(:disabled),.btn:hover{background:var(--surface-3);border-color:var(--muted);text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--ds-blue);border-color:var(--ds-blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--ds-blue-600);border-color:var(--ds-blue-600)}.btn-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:transparent}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:var(--danger)}.btn-sm{padding:4px 9px;font-size:12px}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--border)}input,select,textarea{font-family:inherit;font-size:13px;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);width:100%;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--muted)}select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:28px}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:11.5px;font-weight:600;color:var(--text-dim)}.field .hint{font-size:11px;color:var(--muted)}.form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.form-row>*{flex:1;min-width:150px}.form-row>.shrink{flex:0 0 auto;min-width:0}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}table.data th{text-align:right;padding:9px 12px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-2);position:sticky;top:0;z-index:1}table.data th:first-child,table.data td:first-child{text-align:left}table.data th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.data th.sortable:hover{color:var(--text)}table.data td{padding:9px 12px;border-bottom:1px solid var(--border-soft);text-align:right;white-space:nowrap}table.data tbody tr:hover{background:var(--surface-2)}table.data tbody tr.clickable{cursor:pointer}.cell-label{display:flex;align-items:center;gap:8px}.cell-label-main{font-weight:560}.cell-label-sub{font-size:11px;color:var(--muted)}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-size:11.5px}.dim{color:var(--muted)}.nowrap{white-space:nowrap}.bar{height:5px;border-radius:3px;background:var(--surface-3);overflow:hidden;min-width:60px}.bar>span{display:block;height:100%;border-radius:3px;background:var(--accent)}.bar.warn>span{background:var(--warn)}.bar.danger>span{background:var(--danger)}.heatmap{display:grid;grid-template-columns:34px repeat(24,minmax(0,1fr));gap:2px;font-size:10px}.heatmap-cell{aspect-ratio:1 / 1;border-radius:3px;background:var(--surface-2);transition:outline .1s;cursor:default;min-height:14px}.heatmap-cell:hover{outline:1.5px solid var(--accent);outline-offset:1px}.heatmap-label{display:grid;place-items:center;color:var(--muted);font-size:10px;font-weight:600}.heatmap-hours{display:grid;grid-template-columns:34px repeat(24,minmax(0,1fr));gap:2px;margin-bottom:4px}.heatmap-hours span{text-align:center;color:var(--muted);font-size:9.5px}.empty{padding:40px 20px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}.empty-title{font-size:14px;font-weight:600;color:var(--text-dim)}.empty-text{font-size:12.5px;max-width:520px;line-height:1.6}.alert{border-radius:var(--radius);padding:11px 13px;font-size:12.5px;border:1px solid;display:flex;gap:9px;align-items:flex-start;line-height:1.55}.alert-info{background:var(--accent-soft);border-color:var(--accent-border);color:var(--text-dim)}.alert-warn{background:color-mix(in srgb,var(--warn) 10%,transparent);border-color:color-mix(in srgb,var(--warn) 36%,transparent);color:var(--text-dim)}.alert-danger{background:color-mix(in srgb,var(--danger) 10%,transparent);border-color:color-mix(in srgb,var(--danger) 36%,transparent);color:var(--text-dim)}.alert-ok{background:color-mix(in srgb,var(--ok) 10%,transparent);border-color:color-mix(in srgb,var(--ok) 36%,transparent);color:var(--text-dim)}.alert code{font-family:var(--mono);font-size:11.5px;background:var(--surface-3);padding:1px 5px;border-radius:4px}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.center-state{display:grid;place-items:center;min-height:260px;gap:12px;color:var(--muted)}.chart-box{width:100%}.recharts-cartesian-axis-tick text{fill:var(--muted);font-size:11px}.recharts-cartesian-grid line{stroke:var(--grid-line)}.recharts-curve.recharts-tooltip-cursor{stroke:var(--border)}.ds-tooltip{background:var(--chart-tooltip-bg);border:1px solid var(--border);border-radius:var(--radius);padding:9px 11px;font-size:12px;box-shadow:var(--shadow);min-width:170px}.ds-tooltip-title{font-weight:650;margin-bottom:6px;font-size:12px;color:var(--text)}.ds-tooltip-row{display:flex;align-items:center;gap:7px;padding:2px 0;justify-content:space-between}.ds-tooltip-name{display:flex;align-items:center;gap:6px;color:var(--text-dim)}.ds-tooltip-value{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text)}.ds-tooltip-total{border-top:1px solid var(--border);margin-top:6px;padding-top:6px}.legend{display:flex;flex-wrap:wrap;gap:10px 16px;padding:4px 2px 0;font-size:12px}.legend-item{display:flex;align-items:center;gap:6px;color:var(--text-dim)}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2)}.seg button{border:none;border-radius:0;background:transparent;padding:5px 11px;font-size:12px;color:var(--muted)}.seg button+button{border-left:1px solid var(--border)}.seg button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.divider{height:1px;background:var(--border-soft);margin:12px 0}pre.raw{font-family:var(--mono);font-size:11px;line-height:1.5;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px;max-height:320px;overflow:auto;margin:0;white-space:pre-wrap;word-break:break-word;color:var(--text-dim)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-soft);padding:0 12px}.tabs button{border:none;background:transparent;border-bottom:2px solid transparent;border-radius:0;padding:10px 12px;color:var(--muted);font-size:12.5px}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.stack{display:flex;flex-direction:column;gap:14px}.stack-sm{display:flex;flex-direction:column;gap:8px}.inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mobile-only{display:none}@media(max-width:880px){.app{flex-direction:column}.sidebar{width:100%;flex:none;height:auto;position:static;border-right:none;border-bottom:1px solid var(--border-soft)}.nav{flex-direction:row;overflow-x:auto;padding:8px}.nav-section{display:none}.nav-item{white-space:nowrap}.sidebar-foot{display:none}.content{padding:14px}.topbar{padding:8px 14px;flex-wrap:wrap;height:auto;min-height:var(--topbar-h)}}table.data.matrix{font-size:12px}table.data.matrix th,table.data.matrix td{padding:5px 9px;white-space:nowrap}table.data.matrix .sticky-col{position:sticky;left:0;z-index:2;background:var(--surface);box-shadow:1px 0 0 var(--border)}table.data.matrix thead .sticky-col{z-index:3}table.data.matrix tfoot .sticky-col{background:var(--surface-2)}table.data.matrix tbody tr:nth-child(2n) .sticky-col{background:var(--surface-2)}table.data.matrix tbody tr:hover .sticky-col{background:var(--surface-2)}