:root{--bg:oklch(0.17 0.005 80);--bg-elev:oklch(0.21 0.006 80);--bg-elev-2:oklch(0.24 0.007 80);--line:oklch(0.28 0.008 80);--line-soft:oklch(0.24 0.007 80);--ink:oklch(0.96 0.01 80);--ink-dim:oklch(0.72 0.01 80);--ink-faint:oklch(0.52 0.01 80);--accent:oklch(0.84 0.14 85);--accent-dim:oklch(0.68 0.12 85);--accent-ink:oklch(0.18 0.02 85);--danger:oklch(0.68 0.19 25);--danger-bg:oklch(0.28 0.09 25);--ok:oklch(0.78 0.14 150);--radius:10px;--radius-sm:6px;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--sans:"Inter",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;min-height:100vh;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,oklch(.24 .03 85/.25),transparent 60%),linear-gradient(to bottom,var(--bg),var(--bg))}.app{max-width:1120px;margin:0 auto;padding:32px 40px 80px}.topbar{justify-content:space-between;padding-bottom:24px;border-bottom:1px solid var(--line-soft)}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px}.brand-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-dim));display:grid;place-items:center;color:var(--accent-ink);font-weight:700;font-family:var(--mono);font-size:13px;box-shadow:inset 0 0 0 1px oklch(1 0 0/.06),0 8px 24px -8px oklch(.84 .14 85/.4)}.brand-name{font-weight:600;letter-spacing:-.01em;font-size:15px}.brand-sub{color:var(--ink-faint);letter-spacing:.02em;text-transform:uppercase}.brand-sub,.status-pill{font-family:var(--mono);font-size:11px}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;color:var(--ink-dim);background:var(--bg-elev)}.dot{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px oklch(.78 .14 150/.15)}.tabs{display:flex;gap:2px;margin:28px 0 0;border-bottom:1px solid var(--line-soft);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--ink-faint);border:0;padding:14px 18px;font:inherit;font-weight:500;font-size:13.5px;cursor:pointer;position:relative;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;transition:color .12s ease;letter-spacing:-.005em}.tab:hover{color:var(--ink-dim)}.tab[aria-selected=true]{color:var(--ink)}.tab[aria-selected=true]:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:var(--accent);border-radius:2px 2px 0 0}.tab .tab-ico{width:14px;height:14px;opacity:.8}.page-head{padding:40px 0 28px}.page-kicker{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-dim);margin-bottom:10px}.page-title{font-size:32px;font-weight:600;letter-spacing:-.025em;margin:0;line-height:1.1}.page-subtitle{color:var(--ink-dim);margin:10px 0 0;font-size:15px;max-width:60ch}.page-subtitle b,.page-subtitle code{font-family:var(--mono);font-size:13px;background:var(--bg-elev);padding:2px 7px;border-radius:4px;color:var(--ink);font-weight:500;border:1px solid var(--line-soft)}.page-subtitle b{font-weight:500}.grid{display:grid;grid-gap:20px;gap:20px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:820px){.grid-2,.grid-3{grid-template-columns:1fr}.app{padding:20px}.page-title{font-size:26px}}.panel{background:var(--bg-elev);border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden}.panel-hd{padding:16px 20px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-hd h3{margin:0;font-size:13px;font-weight:600;letter-spacing:-.005em}.panel-hd .muted{font-family:var(--mono);font-size:11px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em}.panel-bd{padding:20px}.field{display:flex;flex-direction:column;gap:8px}.label{font-size:11px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint)}.input,.textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:oklch(.15 .005 80);border:1px solid var(--line);color:var(--ink);font:inherit;padding:11px 14px;border-radius:var(--radius-sm);width:100%;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease;font-family:var(--mono);font-size:13px}.input::placeholder,.textarea::placeholder{color:var(--ink-faint)}.input:focus,.textarea:focus{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 3px oklch(.84 .14 85/.12);background:oklch(.16 .005 80)}.textarea{min-height:220px;resize:vertical;line-height:1.6}.search-row{display:grid;grid-template-columns:1fr auto auto;grid-gap:10px;gap:10px}@media (max-width:640px){.search-row{grid-template-columns:1fr}}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;font-weight:500;font-size:13px;padding:11px 18px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elev-2);color:var(--ink);display:inline-flex;align-items:center;gap:8px;transition:all .12s ease;white-space:nowrap;line-height:1}.btn:hover:not(:disabled){border-color:oklch(.34 .01 80);background:oklch(.26 .007 80)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn .ico{width:14px;height:14px}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600;box-shadow:0 4px 16px -6px oklch(.84 .14 85/.4)}.btn-primary:hover:not(:disabled){background:oklch(.88 .14 85);border-color:transparent}.btn-ghost{background:transparent;color:var(--accent-dim);border-color:transparent}.btn-ghost:hover:not(:disabled){background:oklch(.23 .02 85);border-color:transparent}.btn-danger{background:var(--danger);color:oklch(.15 .01 25);font-weight:600;border-color:transparent}.btn-danger:hover:not(:disabled){background:oklch(.72 .19 25)}.kv{display:flex;align-items:center;gap:18px;font-size:12.5px;flex-wrap:wrap}.kv .k{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-size:11px;margin-right:6px}.kv .k,.kv .v{font-family:var(--mono)}.kv .v{color:var(--ink);font-size:12px}.kv .v.accent{color:var(--accent)}.sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--line)}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden}@media (max-width:820px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--bg-elev);padding:18px 20px}.stat-k{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);margin-bottom:8px}.stat-v{font-size:26px;font-weight:600;letter-spacing:-.025em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-delta{margin-top:6px;font-family:var(--mono);font-size:11px;color:var(--ink-faint)}.stat-delta.up{color:var(--ok)}.table-wrap{border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden;background:var(--bg-elev)}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;padding:12px 18px;font-weight:500;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);background:oklch(.19 .006 80)}tbody td,thead th{font-family:var(--mono);border-bottom:1px solid var(--line-soft)}tbody td{padding:14px 18px;font-size:12.5px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:oklch(.22 .006 80)}td.id a{color:var(--accent);text-decoration:none;border-bottom:1px dashed oklch(.84 .14 85/.35);padding-bottom:1px}td.id a:hover{border-bottom-color:var(--accent)}td.key{max-width:360px;overflow:hidden;text-overflow:ellipsis}td.key,td.time{color:var(--ink-dim);white-space:nowrap}.alert{display:flex;gap:14px;padding:16px 18px;border-radius:var(--radius-sm);border:1px solid var(--line-soft);background:var(--bg-elev-2);align-items:flex-start}.alert.danger{border-color:oklch(.44 .16 25/.5);background:oklch(.24 .08 25/.35)}.alert-ico{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;flex-shrink:0;background:oklch(.32 .1 25);color:oklch(.88 .12 25)}.alert-title{font-weight:600;font-size:13px;margin-bottom:2px}.alert-body{font-size:13px;color:var(--ink-dim)}.alert-body code{font-family:var(--mono);background:oklch(.15 .005 80);padding:1px 6px;border-radius:4px;color:oklch(.9 .12 25);font-size:12px;font-weight:600}.check{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px;color:var(--ink-dim);position:relative}.check input{position:absolute;opacity:0;pointer-events:none}.check .box{width:16px;height:16px;border:1px solid var(--line);border-radius:4px;background:oklch(.15 .005 80);display:grid;place-items:center;transition:all .12s ease}.check input:checked+.box{background:var(--accent);border-color:var(--accent)}.check input:checked+.box svg{opacity:1}.check .box svg{opacity:0;width:10px;height:10px;color:var(--accent-ink)}.dropzone{border:1.5px dashed var(--line);border-radius:var(--radius);padding:36px 20px;text-align:center;background:oklch(.19 .005 80);transition:all .12s ease;cursor:pointer;display:block}.dropzone:hover{border-color:var(--accent-dim);background:oklch(.22 .01 85)}.dz-ico{width:44px;height:44px;margin:0 auto 14px;border-radius:10px;background:var(--bg-elev-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--accent-dim)}.dz-title{font-weight:500;font-size:14px;margin-bottom:4px}.dz-sub{color:var(--ink-faint);font-size:12.5px;font-family:var(--mono)}.chart-wrap{padding:20px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg-elev)}.chart-hd{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px;gap:16px;flex-wrap:wrap}.chart-hd h4{font-size:12.5px;margin:0 0 4px;color:var(--ink-dim);font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-family:var(--mono)}.chart-metrics{font-size:22px;font-weight:600;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chart-metrics small{font-size:11px;color:var(--ink-faint);font-weight:400;margin-left:10px;font-family:var(--mono)}.bars{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px;height:140px;align-items:end;padding:0 4px}.bar-col{flex-direction:column;align-items:stretch;gap:6px;height:100%}.bar-col,.bar-fill-wrap{display:flex;position:relative}.bar-fill-wrap{flex:1 1;align-items:flex-end}.bar-fill{width:100%;background:linear-gradient(0deg,oklch(.84 .14 85/.3),oklch(.84 .14 85/.8));border-radius:3px 3px 0 0;border-top:2px solid var(--accent);transition:all .2s ease;min-height:2px}.bar-col:hover .bar-fill{background:linear-gradient(0deg,oklch(.84 .14 85/.45),oklch(.84 .14 85/1))}.bar-label{text-align:center;font-size:10.5px;color:var(--ink-faint)}.bar-label,.bar-value{font-family:var(--mono)}.bar-value{position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--ink-dim)}.bar-empty{width:100%;border-top:1px dashed var(--line);height:0;margin-top:auto}.hint{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--ink-faint);padding-top:4px}.hint .ico{margin-top:2px;color:var(--accent-dim);flex-shrink:0}.panel-anim{animation:fade .2s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dotline{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);margin-top:40px;padding-top:20px;border-top:1px solid var(--line-soft);justify-content:space-between}.chip,.dotline span{display:inline-flex;align-items:center;gap:6px}.chip{padding:4px 9px;border-radius:4px;font-family:var(--mono);font-size:11px;border:1px solid var(--line);background:oklch(.15 .005 80);color:var(--ink-dim)}.chip.ok{color:var(--ok);border-color:oklch(.4 .12 150/.6);background:oklch(.24 .07 150/.25)}.chip.danger{color:oklch(.85 .12 25);border-color:oklch(.45 .15 25/.6);background:oklch(.25 .08 25/.25)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:oklch(.35 .01 80)}.lnk-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:4px;font-family:var(--mono);font-size:11px;color:var(--ink-dim);border:1px solid var(--line);background:oklch(.15 .005 80);text-decoration:none;transition:all .12s ease}.lnk-chip:hover{color:var(--accent);border-color:var(--accent-dim);background:oklch(.22 .02 85)}