:root{--bg: #07090f;--bg1: #0b0e17;--bg2: #0f1320;--bg3: #141929;--bg4: #1a2135;--line: #1e2540;--line2: #253050;--ink1: #f0f4ff;--ink2: #b8c4e0;--ink3: #6e7fa8;--ink4: #3d4d6e;--teal: #00d9c0;--teal2: #00b8a3;--teal-dim: rgba(0,217,192,.08);--blue: #6c8fff;--blue-dim: rgba(108,143,255,.08);--purple: #a78bfa;--amber: #f59e0b;--green: #22d3a8;--red: #f87171;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow: 0 1px 3px rgba(0,0,0,.4), 0 8px 32px rgba(0,0,0,.3);--shadow-lg: 0 4px 6px rgba(0,0,0,.4), 0 20px 60px rgba(0,0,0,.5);--font-mono: "JetBrains Mono", ui-monospace, monospace;--sidebar-w: 220px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;line-height:1.5;color:var(--ink2);background:var(--bg);overflow:hidden;-webkit-font-smoothing:antialiased}button,select,input{font:inherit;cursor:pointer}button{border:none;background:none}.app{height:100%;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.sidebar{background:var(--bg1);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:0;overflow-y:auto;overflow-x:hidden}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 18px 16px;border-bottom:1px solid var(--line)}.brand-icon{width:32px;height:32px;border-radius:9px;background:var(--teal-dim);border:1px solid rgba(0,217,192,.25);display:grid;place-items:center;flex-shrink:0}.brand-icon svg{color:var(--teal)}.brand-text{min-width:0}.brand-name{font-size:12px;font-weight:700;color:var(--ink1);letter-spacing:.04em}.brand-sub{font-size:9px;color:var(--ink4);letter-spacing:.1em;text-transform:uppercase;margin-top:1px}.sidebar-section-label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink4);padding:16px 18px 6px}.nav{display:flex;flex-direction:column;padding:4px 10px;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;height:38px;padding:0 10px;border-radius:var(--radius-sm);color:var(--ink3);font-size:12px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:color .15s,background .15s,border-color .15s;position:relative;white-space:nowrap}.nav-item:hover{color:var(--ink2);background:var(--bg3)}.nav-item.active{color:var(--ink1);background:var(--bg3);border-color:var(--line2)}.nav-item.active .nav-icon{color:var(--teal)}.nav-icon{color:var(--ink4);flex-shrink:0}.nav-label{flex:1}.nav-shortcut{font-family:var(--font-mono);font-size:9px;color:var(--ink4)}.nav-badge{font-size:9px;font-weight:700;background:#f8717126;color:var(--red);border-radius:999px;padding:1px 6px;min-width:18px;text-align:center}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:14px 18px}.live-dot{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--ink3)}.live-dot i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #22d3a8b3;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 8px #22d3a8b3}50%{opacity:.6;box-shadow:0 0 2px #22d3a84d}}.kbd-hint{margin-top:8px;font-size:9px;color:var(--ink4);display:flex;align-items:center;gap:5px}kbd{font-family:var(--font-mono);font-size:8px;background:var(--bg3);border:1px solid var(--line2);border-radius:3px;padding:1px 4px;color:var(--ink3)}.main{display:flex;flex-direction:column;min-width:0;height:100%}.topbar{height:56px;background:#0b0e17d9;backdrop-filter:blur(20px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 20px;flex-shrink:0;position:sticky;top:0;z-index:20}.topbar-breadcrumb{display:flex;align-items:center;gap:6px;min-width:0}.topbar-breadcrumb .crumb-section{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink4)}.topbar-breadcrumb .crumb-sep{color:var(--ink4);font-size:12px}.topbar-breadcrumb .crumb-page{font-size:13px;font-weight:600;color:var(--ink1)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:6px}.topbar-select{height:32px;background:var(--bg3);border:1px solid var(--line2);color:var(--ink2);border-radius:var(--radius-sm);padding:0 24px 0 10px;font-size:11px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236e7fa8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;min-width:130px}.topbar-select:focus{outline:none;border-color:var(--teal)}.range-group{display:flex;background:var(--bg3);border:1px solid var(--line2);border-radius:var(--radius-sm);padding:2px;gap:1px}.range-btn{height:24px;padding:0 9px;border-radius:4px;font-size:10px;font-weight:600;color:var(--ink3);background:transparent;transition:all .12s}.range-btn.active{background:var(--bg4);color:var(--ink1);border:1px solid var(--line2)}.range-btn:hover:not(.active){color:var(--ink2)}.topbar-btn{height:32px;padding:0 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;color:var(--ink3);background:var(--bg3);border:1px solid var(--line2);display:flex;align-items:center;gap:6px;transition:all .12s;white-space:nowrap}.topbar-btn:hover{color:var(--ink1);border-color:var(--line2);background:var(--bg4)}.topbar-btn.teal{color:var(--teal);border-color:#00d9c04d;background:var(--teal-dim)}.topbar-btn.teal:hover{background:#00d9c024}.topbar-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6c8fff,#00d9c0);display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;flex-shrink:0}.topbar-freshness{font-family:var(--font-mono);font-size:9px;color:var(--ink4);white-space:nowrap}.page-scroll{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.page-body{padding:20px 24px 40px;max-width:1700px;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.page-header-left .page-eyebrow{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:4px}.page-header-left h1{font-size:22px;font-weight:700;color:var(--ink1);letter-spacing:-.03em;line-height:1.1}.page-header-left .page-sub{font-size:11px;color:var(--ink4);margin-top:3px}.page-header-right{display:flex;align-items:center;gap:8px}.stat-chip{display:flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:10px;color:var(--ink3)}.stat-chip i{width:6px;height:6px;border-radius:50%}.stat-chip i.green{background:var(--green);box-shadow:0 0 8px #22d3a899}.stat-chip i.amber{background:var(--amber)}.stat-chip i.red{background:var(--red)}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:16px}.kpi-card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:2px;transition:border-color .15s;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,217,192,.15),transparent);opacity:0;transition:opacity .2s}.kpi-card:hover:before{opacity:1}.kpi-card:hover{border-color:var(--line2)}.kpi-label{font-size:10px;font-weight:600;color:var(--ink4);letter-spacing:.04em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}.kpi-value{font-size:22px;font-weight:700;color:var(--ink1);letter-spacing:-.04em;line-height:1.1;margin-top:6px}.kpi-value.mono{font-family:var(--font-mono);font-size:18px}.kpi-change{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;margin-top:6px}.kpi-change .arrow{font-size:11px}.kpi-change .vs{color:var(--ink4);font-weight:400;margin-left:2px}.kpi-change.up{color:var(--green)}.kpi-change.down{color:var(--red)}.kpi-change.flat{color:var(--ink4)}.kpi-subtext{font-size:9px;color:var(--ink4);margin-top:2px}.panel{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);min-height:52px}.panel-title{font-size:11px;font-weight:700;color:var(--ink1);letter-spacing:.02em}.panel-sub{font-size:10px;color:var(--ink4);margin-top:1px}.panel-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.seg-group{display:flex;background:var(--bg3);border:1px solid var(--line);border-radius:var(--radius-sm);padding:2px;gap:1px}.seg-btn{height:24px;padding:0 9px;border-radius:4px;font-size:9px;font-weight:700;color:var(--ink3);background:transparent;letter-spacing:.06em;text-transform:uppercase;transition:all .12s}.seg-btn.active{background:var(--bg4);color:var(--ink1);border:1px solid var(--line2)}.seg-btn:hover:not(.active){color:var(--ink2)}.ghost-btn{font-size:10px;color:var(--ink3);display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);transition:color .12s,background .12s}.ghost-btn:hover{color:var(--teal);background:var(--teal-dim)}.chart-wrap{padding:0 4px 4px}.chart-canvas{width:100%}.table-scroll{overflow-x:auto}.dense-table{width:100%;border-collapse:collapse}.dense-table th{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink4);text-align:right;padding:0 14px;height:36px;border-bottom:1px solid var(--line);white-space:nowrap;position:sticky;top:0;background:var(--bg2);z-index:1}.dense-table th:first-child{text-align:left}.dense-table td{text-align:right;padding:0 14px;height:40px;border-bottom:1px solid rgba(30,37,64,.6);font-size:11px;color:var(--ink2);white-space:nowrap;font-variant-numeric:tabular-nums}.dense-table td:first-child{text-align:left;color:var(--ink1);font-weight:600}.dense-table tbody tr:last-child td{border-bottom:none}.dense-table tbody tr:hover td{background:#1a213580}.dense-table .mono{font-family:var(--font-mono);font-size:10px}.dense-table .pos{color:var(--green);font-weight:600}.dense-table .neg{color:var(--red);font-weight:600}.dense-table .muted{color:var(--ink4)}.dense-table .pill{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:700}.pill-ok{background:#22d3a81f;color:var(--green)}.pill-warn{background:#f59e0b1f;color:var(--amber)}.pill-err{background:#f871711f;color:var(--red)}.bar-cell{display:flex;align-items:center;justify-content:flex-end;gap:8px}.inline-bar{width:72px;height:3px;background:var(--bg4);border-radius:999px;overflow:hidden;flex-shrink:0}.inline-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal2),var(--teal));transition:width .4s ease}.ch-cell{display:flex;align-items:center;gap:8px}.ch-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.grid-2-1{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:12px}.grid-3-2{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,2fr);gap:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.signal-list{padding:4px 0}.signal-row{display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:start;padding:13px 18px;border-bottom:1px solid rgba(30,37,64,.7);transition:background .1s}.signal-row:last-child{border-bottom:none}.signal-row:hover{background:#1a213566}.signal-dot{width:6px;height:6px;border-radius:50%;margin-top:4px;flex-shrink:0}.signal-dot.good{background:var(--green);box-shadow:0 0 8px #22d3a880}.signal-dot.warn{background:var(--amber)}.signal-dot.bad{background:var(--red);box-shadow:0 0 8px #f8717166}.signal-body b{font-size:11px;font-weight:600;color:var(--ink1);display:block}.signal-body small{font-size:10px;color:var(--ink4);display:block;margin-top:2px}.signal-value{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink2);margin-top:1px}.funnel-wrap{padding:16px 18px}.funnel-headline{margin-bottom:16px}.funnel-headline .pct-big{font-size:32px;font-weight:700;color:var(--ink1);letter-spacing:-.05em;line-height:1}.funnel-headline .pct-label{font-size:10px;color:var(--ink4);margin-top:4px}.funnel-progress{height:6px;background:var(--bg4);border-radius:999px;overflow:hidden;margin-bottom:6px}.funnel-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal2),var(--teal));transition:width .5s ease}.funnel-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--ink4);margin-bottom:16px}.funnel-steps{display:flex;flex-direction:column;gap:10px}.funnel-step{display:grid;grid-template-columns:110px 1fr 60px;align-items:center;gap:10px}.funnel-step-label{font-size:10px;color:var(--ink3)}.funnel-step-bar{height:4px;background:var(--bg4);border-radius:999px;overflow:hidden}.funnel-step-fill{height:100%;background:var(--teal-dim);border:none;border-radius:999px}.funnel-step-val{font-family:var(--font-mono);font-size:10px;color:var(--ink3);text-align:right}.gap-callout{margin-top:16px;background:#f871710f;border:1px solid rgba(248,113,113,.15);border-radius:var(--radius-sm);padding:10px 12px}.gap-callout .gc-label{font-size:9px;font-weight:700;color:var(--red);letter-spacing:.08em;text-transform:uppercase}.gap-callout .gc-text{font-size:10px;color:var(--ink3);margin-top:3px;line-height:1.5}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}.health-item{background:var(--bg3);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.health-item .hi-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink4);font-weight:700}.health-item .hi-val{font-size:16px;font-weight:700;color:var(--ink1);margin-top:6px;letter-spacing:-.02em}.health-item .hi-sub{font-size:9px;color:var(--ink4);margin-top:3px}.alert-row{display:grid;grid-template-columns:8px 1fr auto;gap:12px;align-items:start;padding:14px 18px;border-bottom:1px solid rgba(30,37,64,.7)}.alert-row:last-child{border-bottom:none}.alert-row:hover{background:#1a213559}.alert-body .ab-title{font-size:11px;font-weight:600;color:var(--ink1)}.alert-body .ab-detail{font-size:10px;color:var(--ink4);margin-top:3px;line-height:1.5}.alert-body .ab-hint{font-size:9px;color:var(--ink4);margin-top:5px;border-left:2px solid var(--line2);padding-left:8px}.alert-val{font-family:var(--font-mono);font-size:11px;font-weight:700;text-align:right}.alert-val .av-main{display:block}.alert-val .av-thresh{display:block;font-size:9px;color:var(--ink4);margin-top:2px}.fn-teal{color:var(--teal)!important}.fn-yellow{color:var(--amber)!important}.palette-backdrop{position:fixed;inset:0;background:#02040abf;backdrop-filter:blur(12px);z-index:50;display:grid;place-items:start center;padding-top:12vh}.palette-modal{width:min(620px,calc(100vw - 32px));background:var(--bg2);border:1px solid var(--line2);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.palette-input{width:100%;height:50px;background:transparent;border:none;border-bottom:1px solid var(--line);outline:none;padding:0 16px;font-size:14px;color:var(--ink1)}.palette-input::placeholder{color:var(--ink4)}.palette-list{padding:6px;max-height:380px;overflow-y:auto}.palette-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:12px;color:var(--ink2);text-align:left;transition:background .1s,color .1s}.palette-item:hover,.palette-item.focused{background:var(--bg3);color:var(--ink1)}.palette-item .pi-label{flex:1}.palette-item .pi-kbd{font-family:var(--font-mono);font-size:9px;color:var(--ink4);background:var(--bg4);border:1px solid var(--line2);border-radius:3px;padding:1px 5px}.state-loading{display:flex;align-items:center;justify-content:center;min-height:50vh;gap:10px;font-size:12px;color:var(--ink4)}.spinner{width:16px;height:16px;border:2px solid var(--line2);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state-error{margin:20px;background:#f871710f;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-lg);padding:18px 20px;color:var(--red);font-size:11px}.state-empty{padding:40px 20px;text-align:center;font-size:11px;color:var(--ink4)}.health-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;font-size:11px;border:1px solid}.health-banner.good,.health-banner.health-good{background:#22d3a80f;border-color:#22d3a833;color:var(--green)}.health-banner.warn,.health-banner.health-warn{background:#f59e0b0f;border-color:#f59e0b33;color:var(--amber)}.health-banner.bad,.health-banner.health-bad{background:#f871710f;border-color:#f8717133;color:var(--red)}.health-banner .hb-text{color:var(--ink2)}.health-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0;box-shadow:0 0 6px currentColor}.kpi-grid-4{grid-template-columns:repeat(4,1fr)!important}.channel-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.signal-row.signal-bad{border-left:2px solid var(--red)}.signal-row.signal-warn{border-left:2px solid var(--amber)}.signal-row.signal-info{border-left:2px solid var(--blue)}.signal-indicator{width:6px;height:6px;border-radius:50%;background:var(--ink4);margin-top:5px;flex-shrink:0}.signal-row.signal-bad .signal-indicator{background:var(--red);box-shadow:0 0 8px #f8717166}.signal-row.signal-warn .signal-indicator{background:var(--amber)}.signal-row.signal-info .signal-indicator{background:var(--blue)}.funnel-rows{display:flex;flex-direction:column;gap:10px;padding:8px 16px}.funnel-row{display:grid;grid-template-columns:90px 1fr 60px;align-items:center;gap:10px}.funnel-label{font-size:11px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.funnel-bar-wrap{height:4px;background:var(--line);border-radius:2px;overflow:hidden}.funnel-bar{height:100%;background:linear-gradient(90deg,var(--teal2),var(--teal));border-radius:2px;transition:width .4s}.funnel-val{font-family:var(--font-mono);font-size:11px;color:var(--ink2);text-align:right}@media(max-width:1280px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.grid-2-1,.grid-3-2{grid-template-columns:1fr}}@media(max-width:960px){:root{--sidebar-w: 0px}.sidebar{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}}@media print{html,body,#root{height:auto;overflow:visible;background:#fff}.app{display:block}.sidebar,.topbar{display:none!important}.main{height:auto}.page-scroll{overflow:visible}.panel,.kpi-card{background:#fff;border-color:#d8dde1;box-shadow:none;break-inside:avoid}.panel-title,.kpi-value,.dense-table td:first-child{color:#111}.ink1-print{color:#111!important}.chart-canvas{break-inside:avoid}}