:root{--font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--bg:#f3f5f8;--surface:#fff;--surface-2:#eef1f6;--surface-3:#e7ebf1;--border:#e1e5ec;--border-strong:#cfd6e1;--text:#14161b;--text-dim:#5c616c;--text-faint:#9a9da6;--good:oklch(0.62 0.13 155);--good-bg:oklch(0.95 0.045 160);--good-text:oklch(0.46 0.11 155);--warn:oklch(0.80 0.11 80);--warn-bg:oklch(0.955 0.05 85);--bad:oklch(0.585 0.19 32);--bad-bg:oklch(0.955 0.045 35);--bad-text:oklch(0.53 0.18 33);--accent:#2747e8;--accent-bg:#e7ebfc;--accent-text:#1c39c7;--orange:#f1581f;--orange-bg:#fdeae1;--orange-text:#c23e0e;--shadow:0 1px 2px rgba(28,33,60,.05),0 12px 30px -22px rgba(28,33,60,.22);--shadow-lg:0 18px 50px -22px rgba(28,33,60,.3);--radius:16px}[data-accent=blue]{--accent:#2747e8;--accent-bg:#e7ebfc;--accent-text:#1c39c7}[data-accent=orange]{--accent:#f1581f;--accent-bg:#fdeae1;--accent-text:#c23e0e}[data-accent=sage]{--accent:oklch(0.60 0.085 155);--accent-bg:oklch(0.93 0.045 158);--accent-text:oklch(0.46 0.08 155)}[data-theme=dark]{--bg:oklch(0.205 0.012 262);--surface:oklch(0.245 0.014 262);--surface-2:oklch(0.278 0.015 262);--surface-3:oklch(0.31 0.016 262);--border:oklch(0.33 0.016 262);--border-strong:oklch(0.43 0.018 262);--text:oklch(0.95 0.006 250);--text-dim:oklch(0.745 0.012 255);--text-faint:oklch(0.585 0.012 258);--good:oklch(0.76 0.12 158);--good-bg:oklch(0.33 0.07 160);--good-text:oklch(0.83 0.11 158);--warn:oklch(0.83 0.10 92);--warn-bg:oklch(0.37 0.05 92);--bad:oklch(0.67 0.16 34);--bad-bg:oklch(0.34 0.08 33);--bad-text:oklch(0.80 0.13 35);--accent:oklch(0.72 0.15 264);--accent-bg:oklch(0.34 0.09 264);--accent-text:oklch(0.85 0.11 264);--orange:oklch(0.74 0.17 45);--orange-bg:oklch(0.36 0.10 45);--orange-text:oklch(0.84 0.13 47);--shadow:0 1px 2px oklch(0 0 0/0.25),0 10px 30px -18px oklch(0 0 0/0.4);--shadow-lg:0 18px 50px -22px oklch(0 0 0/0.55)}[data-theme=dark][data-accent=orange]{--accent:oklch(0.74 0.17 45);--accent-bg:oklch(0.36 0.10 45);--accent-text:oklch(0.85 0.13 47)}[data-theme=dark][data-accent=sage]{--accent:oklch(0.72 0.09 155);--accent-bg:oklch(0.33 0.05 155);--accent-text:oklch(0.82 0.09 155)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font)}#root{min-height:100vh}::selection{background:var(--accent-bg)}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app{max-width:1320px;margin:0 auto;padding:0 28px 64px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:color-mix(in oklch,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar-inner{max-width:1320px;margin:0 auto;padding:14px 28px;gap:18px}.brand,.topbar-inner{display:flex;align-items:center}.brand{gap:12px}.brand-logo{height:26px;width:auto;display:block}[data-theme=dark] .brand-logo{filter:invert(1) brightness(1.6)}.brand-divider{width:1px;height:26px;background:var(--border)}.brand-mark{width:30px;height:30px;border-radius:9px;background:var(--accent);display:grid;place-items:center;color:var(--bg);font-weight:800;font-size:16px;box-shadow:var(--shadow)}[data-theme=dark] .brand-mark{color:oklch(.2 .01 70)}.brand-name{font-weight:700;font-size:16px;letter-spacing:-.01em}.brand-sub{font-size:12px;color:var(--text-faint);font-weight:500}.topbar-spacer{flex:1 1}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 0 var(--good);animation:pulse 2.4s infinite}.chip{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--text-dim);padding:7px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);cursor:pointer;transition:.14s;white-space:nowrap}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip.sel{background:var(--accent-bg);border-color:transparent;color:var(--accent-text)}.tabs{gap:4px;padding:16px 0 0}.tab,.tabs{display:flex}.tab{padding:10px 16px;border-radius:9px 9px 0 0;font-weight:600;font-size:14.5px;color:var(--text-faint);cursor:pointer;border:1px solid transparent;border-bottom:none;position:relative;transition:.14s;align-items:center;gap:8px}.tab:hover{color:var(--text-dim)}.tab.active{color:var(--text);background:var(--surface);border-color:var(--border)}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--surface)}.tab-num{font-size:11px;font-family:var(--mono);color:var(--text-faint)}.tab.active .tab-num{color:var(--accent-text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:20px 22px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:4px}.card-title{font-size:15px;font-weight:700;letter-spacing:-.01em}.card-desc{font-size:12.5px;color:var(--text-faint);margin-top:3px;line-height:1.5;max-width:62ch}.hero-tag{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-bg);padding:4px 9px;border-radius:6px}.grid{display:grid;grid-gap:18px;gap:18px}.section-label{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);margin:30px 0 14px;display:flex;align-items:center;gap:10px}.section-label:after{content:"";flex:1 1;height:1px;background:var(--border)}.strip{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-top:18px}.kpi{background:var(--surface);padding:15px 16px;min-width:0}.kpi-label{font-size:11.5px;font-weight:600;color:var(--text-faint);letter-spacing:.01em;display:flex;align-items:center;gap:6px;white-space:nowrap}.kpi-value{font-size:29px;font-weight:700;letter-spacing:-.02em;margin-top:7px;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-sub{font-size:12px;color:var(--text-dim);margin-top:9px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.delta{display:inline-flex;align-items:center;gap:3px;font-weight:600;font-size:11.5px;padding:1px 6px;border-radius:5px;white-space:nowrap}.delta.up{color:var(--good-text);background:var(--good-bg)}.delta.down{color:var(--bad-text);background:var(--bad-bg)}.delta.flat{color:var(--text-faint);background:var(--surface-2)}.gender-split{display:inline-flex;gap:6px}.gender-split,.target-pill{font-family:var(--mono);font-size:11px;white-space:nowrap}.target-pill{color:var(--text-faint)}.chart-wrap{width:100%}.chart-wrap svg{display:block;overflow:visible}.grid{stroke:var(--border);stroke-width:1}.axis-lbl{font-family:var(--mono)}.axis-cap,.axis-lbl{fill:var(--text-faint);font-size:11px}.axis-cap{font-weight:500}.ref-line{stroke:var(--accent);stroke-width:1.2;stroke-dasharray:3 4;opacity:.7}.ref-lbl{fill:var(--accent-text);font-size:10.5px;font-weight:600}.cursor-line{stroke:var(--border-strong);stroke-width:1;stroke-dasharray:2 3}.chart-tip{position:absolute;pointer-events:none;background:var(--text);color:var(--bg);font-size:12px;line-height:1.5;padding:7px 10px;border-radius:7px;box-shadow:var(--shadow-lg);white-space:nowrap;z-index:10;transform:translateY(-50%);font-weight:500}.chart-tip b{font-weight:700}.spark{display:block}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.leg-item{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-dim);font-family:var(--mono)}.leg-swatch{width:14px;height:3px;border-radius:2px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:11px;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;padding:9px 12px;position:-webkit-sticky;position:sticky;top:0;background:var(--surface)}.tbl td,.tbl th{border-bottom:1px solid var(--border)}.tbl td{padding:10px 12px}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--surface-2)}.tbl .num{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.heat-cell{font-family:var(--mono);text-align:center;font-weight:600;font-size:12.5px;border-radius:6px}.heat-good{background:var(--good-bg);color:var(--good-text)}.heat-warn{background:var(--warn-bg);color:oklch(.5 .09 80)}.heat-bad{background:var(--bad-bg);color:var(--bad-text)}[data-theme=dark] .heat-warn{color:var(--warn)}.heat-na{color:var(--text-faint);opacity:.5}.row-anom td{box-shadow:inset 3px 0 0 var(--bad)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:20px}.badge.working{background:var(--good-bg);color:var(--good-text)}.badge.inconclusive{background:var(--surface-3);color:var(--text-dim)}.badge.killing{background:var(--bad-bg);color:var(--bad-text)}.badge.active{background:var(--good-bg);color:var(--good-text)}.badge.paused{background:var(--surface-3);color:var(--text-faint)}.lift{font-family:var(--mono);font-weight:600}.lift.pos{color:var(--good-text)}.lift.neg{color:var(--bad-text)}.funnel{display:flex;flex-direction:column;gap:9px}.funnel-row{display:grid;grid-template-columns:170px 1fr 48px;align-items:center;grid-gap:14px;gap:14px}.funnel-label{font-size:12.5px;color:var(--text-dim);font-weight:500}.funnel-track{background:var(--surface-2);border-radius:7px;height:30px;overflow:hidden}.funnel-bar{height:100%;background:var(--accent);border-radius:7px;display:flex;align-items:center;padding:0 10px;min-width:36px;transition:width .5s cubic-bezier(.2,.7,.2,1)}.funnel-v{color:var(--bg);font-family:var(--mono);font-weight:600;font-size:12.5px}[data-theme=dark] .funnel-v{color:oklch(.2 .01 70)}.funnel-pct{font-family:var(--mono);font-size:12px;color:var(--text-faint);text-align:right}.seg-layout{display:grid;grid-template-columns:260px 1fr;grid-gap:18px;gap:18px;align-items:start}.filter-group{margin-bottom:18px}.filter-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:9px}.filter-opts{display:flex;flex-wrap:wrap;gap:6px}.f-opt{font-size:12px;padding:6px 11px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;transition:.12s;font-weight:500}.f-opt:hover{border-color:var(--border-strong)}.f-opt.on{background:var(--accent);border-color:transparent;color:var(--bg)}[data-theme=dark] .f-opt.on{color:oklch(.2 .01 70)}.seg-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--border);border-radius:10px;overflow:hidden;border:1px solid var(--border)}.seg-stat{background:var(--surface);padding:16px}.seg-stat-v{font-size:26px;font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.seg-stat-l{font-size:11.5px;color:var(--text-faint);margin-top:4px;font-weight:500}.bar-row{display:flex;align-items:center;gap:10px;margin:7px 0;font-size:12.5px}.bar-row-label{width:130px;color:var(--text-dim);flex-shrink:0}.bar-row-track{flex:1 1;height:18px;background:var(--surface-2);border-radius:5px;overflow:hidden}.bar-row-fill{height:100%;background:var(--accent);border-radius:5px;transition:width .4s}.bar-row-val{width:64px;text-align:right;font-family:var(--mono);font-size:12px;color:var(--text-dim)}.user-list{max-height:320px;overflow-y:auto}.user-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;cursor:pointer;transition:.12s}.user-item:hover{background:var(--surface-2)}.user-item.sel{background:var(--accent-bg)}.rank{width:18px;flex-shrink:0;text-align:center;font-family:var(--mono);font-size:12px;font-weight:600;color:var(--text-faint)}.power-star{color:var(--accent);font-size:12px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;flex-shrink:0}.search{width:100%;padding:10px 13px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);font-family:var(--font);font-size:13.5px;outline:none}.search:focus{border-color:var(--accent);background:var(--surface)}.profile-stat{display:flex;flex-direction:column;gap:2px}.profile-stat-v{font-size:19px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.profile-stat-l{font-size:11px;color:var(--text-faint)}.flag{font-size:12px;padding:4px 10px;border-radius:7px;background:var(--surface-2);color:var(--text-dim);display:inline-flex;align-items:center;gap:6px}.divider{height:1px;background:var(--border);margin:16px 0}.alert-item{display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-bottom:1px solid var(--border)}.alert-item:last-child{border-bottom:none}.alert-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.icon-btn{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px 11px;font-size:12.5px;font-weight:500;color:var(--text-dim);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:.12s}.icon-btn:hover{border-color:var(--border-strong);color:var(--text)}.toggle-pill{display:inline-flex;background:var(--surface-2);border-radius:8px;padding:3px;gap:2px}.toggle-pill button{border:none;background:transparent;padding:6px 12px;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--text-faint);cursor:pointer;font-family:var(--font);transition:.12s}.toggle-pill button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}@media (max-width:900px){.strip{grid-template-columns:repeat(2,1fr)}.strip .kpi:last-child{grid-column:span 2}.seg-layout{grid-template-columns:1fr}.app{padding:0 16px 48px}.topbar-inner{padding:12px 16px}}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.topbar{background:linear-gradient(180deg,rgba(39,71,232,.07),color-mix(in srgb,var(--bg) 84%,transparent));border-bottom:1px solid color-mix(in srgb,var(--accent) 14%,var(--border))}[data-theme=dark] .topbar{background:linear-gradient(180deg,rgba(80,120,255,.1),color-mix(in srgb,var(--bg) 86%,transparent))}.brand-logo{height:30px}.brand-name{font-weight:800;letter-spacing:-.02em;font-size:16.5px}.brand-sub,.tab{white-space:nowrap}.brand-divider{height:30px}.chip{border-radius:999px;padding:8px 15px;font-weight:600}.icon-btn{border-radius:10px}.live-dot{background:#2bd15a;box-shadow:0 0 0 0 rgba(43,209,90,.55)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(43,209,90,.5)}70%{box-shadow:0 0 0 6px rgba(43,209,90,0)}to{box-shadow:0 0 0 0 rgba(43,209,90,0)}}.kpi-value,.profile-stat-v,.seg-stat-v{font-weight:800;letter-spacing:-.025em}.card-title{font-weight:800;letter-spacing:-.015em}.section-label{letter-spacing:.1em}.hero-tag{color:var(--orange-text);background:var(--orange-bg)}.search,.seg-stat-grid{border-radius:12px}.funnel-bar,.funnel-track{border-radius:9px}.tab.active{box-shadow:inset 0 2px 0 var(--accent)}