@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-0:#0e1a2d;--bg-1:#13233c;--bg-2:#182c4a;--surface-1:#1f3556;--surface-2:#283f62;--surface-3:#324a70;--hairline:#ffffff12;--hairline-strong:#ffffff24;--text-0:#f4f6ff;--text-1:#e5e8f4;--text-2:#a5abcc;--text-3:#7882a6;--text-4:#545e84;--pos:#6fcfa2;--pos-soft:#6fcfa224;--neg:#e17b8c;--neg-soft:#e17b8c24;--warn:#f2b96e;--warn-soft:#f2b96e24;--accent:#355bff;--accent-2:#6e89ff;--accent-soft:#355bff2e;--accent-glow:#355bff73;--gutter:24px;--card-pad:24px;--card-radius:20px;--shadow-card:0 1px 0 #ffffff0a inset, 0 20px 50px -20px #00000080;--shadow-pop:0 24px 60px -20px #0009, 0 1px 0 #ffffff0f inset}[data-density=compact]{--gutter:16px;--card-pad:18px;--card-radius:16px}*,:before,:after{box-sizing:border-box}html,body{min-height:100vh;margin:0;padding:0}body{color:var(--text-1);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1200px 600px at 80% -10%, #355bff24, transparent 60%), radial-gradient(900px 500px at -10% 110%, #355bff14, transparent 55%), var(--bg-0);background-attachment:fixed;font-family:Inter,-apple-system,system-ui,sans-serif;font-size:14px;line-height:1.45}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{color:inherit;font-family:inherit}a{color:inherit;text-decoration:none}.font-display{letter-spacing:-.02em;font-family:Space Grotesk,Inter,sans-serif}.font-mono{font-family:JetBrains Mono,ui-monospace,monospace}.num{font-feature-settings:"tnum" 1, "lnum" 1;letter-spacing:-.02em;font-family:Space Grotesk,Inter,sans-serif}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}[data-density=compact] .app{grid-template-columns:220px 1fr}.sidebar{border-right:1px solid var(--hairline);background:linear-gradient(#ffffff05,#0000 30%);flex-direction:column;gap:28px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-close,.menu-btn,.mobile-veil{display:none}.brand{align-items:center;gap:10px;padding:4px 8px;display:flex}.brand svg{filter:drop-shadow(0 6px 18px #355bff59);flex-shrink:0}.brand-name{letter-spacing:-.01em;color:var(--text-0);font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}.brand-name em{color:var(--text-3);margin-left:2px;font-style:normal;font-weight:400}.nav-section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-4);margin:0 0 8px;padding:0 10px;font-size:11px;font-weight:600}.nav-list{flex-direction:column;gap:2px;display:flex}.nav-item{color:var(--text-2);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:var(--text-0);background:#ffffff08}.nav-item[aria-current=true]{color:var(--text-0);background:linear-gradient(90deg, var(--accent-soft), #355bff0a);box-shadow:inset 0 0 0 1px #355bff40}.nav-item[aria-current=true] .nav-icon{color:var(--accent-2)}.nav-icon{width:18px;height:18px;color:var(--text-3);flex-shrink:0}.client-card{border:1px solid var(--hairline);background:linear-gradient(#ffffff0a,#ffffff03);border-radius:14px;flex-direction:column;gap:10px;margin-top:auto;padding:14px;display:flex;position:relative}.client-row{cursor:pointer;border-radius:10px;align-items:center;gap:10px;margin:-4px;padding:4px;display:flex}.client-row:hover{background:#ffffff0a}.client-avatar{color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;display:grid}.client-meta{flex:1;min-width:0}.client-name{color:var(--text-0);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.client-host{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.client-caret{color:var(--text-3)}.connect-pill{color:var(--text-3);align-items:center;gap:8px;padding:4px 8px 0;font-size:11.5px;display:flex}.connect-dot{background:var(--pos);width:6px;height:6px;box-shadow:0 0 0 3px var(--pos-soft);border-radius:50%}.topbar{padding:18px var(--gutter);border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:blur(18px);background:#0e1a2db3;align-items:center;gap:16px;display:flex}.topbar-title{flex-direction:column;gap:2px;display:flex}.topbar-eyebrow{color:var(--text-3);text-transform:uppercase;letter-spacing:.12em;font-size:11.5px;font-weight:600}.topbar-h1{letter-spacing:-.01em;color:var(--text-0);font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600}.topbar-spacer{flex:1}.topbar-tools{align-items:center;gap:10px;display:flex}.btn{height:36px;color:var(--text-1);border:1px solid var(--hairline);white-space:nowrap;background:#ffffff0a;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{color:var(--text-0);background:#ffffff14}.btn-primary{background:linear-gradient(180deg, var(--accent-2), var(--accent));color:#fff;box-shadow:0 8px 20px -8px var(--accent-glow), inset 0 1px 0 #fff3;border-color:#0000}.btn-primary:hover{color:#fff;filter:brightness(1.05)}.btn-ghost{background:0 0;border-color:#0000}.btn-icon{justify-content:center;width:36px;padding:0}.chip{color:var(--text-2);letter-spacing:.01em;background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.chip-pos{background:var(--pos-soft);color:var(--pos)}.chip-neg{background:var(--neg-soft);color:var(--neg)}.chip-accent{background:var(--accent-soft);color:var(--accent-2)}.seg{border:1px solid var(--hairline);background:#ffffff0a;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--text-3);border-radius:7px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:background .15s,color .15s}.seg button:hover{color:var(--text-1)}.seg button[aria-pressed=true]{color:var(--text-0);background:#ffffff14;box-shadow:inset 0 1px #ffffff0f}.date-pill{border:1px solid var(--hairline);height:36px;color:var(--text-1);background:#ffffff0a;border-radius:10px;align-items:center;gap:10px;padding:0 14px;font-size:13px;display:inline-flex}.date-pill-divider{color:var(--text-4)}.date-pill-compare{color:var(--text-3);font-size:11.5px}.main{flex-direction:column;min-width:0;display:flex}.content{padding:var(--gutter);gap:var(--gutter);flex-direction:column;display:flex}.card{background:linear-gradient(180deg, var(--surface-1), var(--bg-1));border:1px solid var(--hairline);border-radius:var(--card-radius);padding:var(--card-pad);box-shadow:var(--shadow-card);position:relative}.card-hd{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.card-hd-left{flex-direction:column;gap:4px;min-width:0;display:flex}.card-title{color:var(--text-0);letter-spacing:-.01em;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600}.card-sub{color:var(--text-3);font-size:12px}.card-hd-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.grid{gap:var(--gutter);display:grid}.grid-kpis{grid-template-columns:repeat(4,1fr)}.grid-7-5{grid-template-columns:7fr 5fr}.grid-6-6{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-modules{gap:var(--gutter);grid-template-columns:1fr 1fr;display:grid}.acq-layout{align-items:center;gap:24px;display:flex}@media (max-width:1240px){.grid-kpis{grid-template-columns:repeat(2,1fr)}.grid-7-5{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}}.kpi{background:linear-gradient(180deg, var(--surface-1), var(--bg-1));border:1px solid var(--hairline);border-radius:var(--card-radius);padding:var(--card-pad) var(--card-pad) 0;flex-direction:column;gap:4px;min-height:168px;display:flex;position:relative;overflow:hidden}[data-density=compact] .kpi{min-height:144px}.kpi-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.kpi-label{color:var(--text-3);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.kpi-value{color:var(--text-0);letter-spacing:-.025em;font-feature-settings:"tnum" 1, "lnum" 1;margin-top:4px;font-family:Space Grotesk,sans-serif;font-size:34px;font-weight:600;line-height:1.05}[data-density=compact] .kpi-value{font-size:28px}.kpi-foot{color:var(--text-3);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.kpi-spark{width:calc(100% + var(--card-pad) * 2);margin-left:calc(var(--card-pad) * -1);pointer-events:none;height:56px;margin-top:auto;display:block}[data-density=compact] .kpi-spark{height:44px}.insight{color:var(--text-1);background:#355bff0f;border:1px solid #355bff2e;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;font-size:13px;line-height:1.55;display:flex}.insight-icon{background:var(--accent-soft);width:22px;height:22px;color:var(--accent-2);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.insight strong{color:var(--text-0);font-weight:600}.commentary{border:1px dashed var(--hairline-strong);color:var(--text-2);background:#ffffff06;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.55;display:flex}.commentary-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:grid}.commentary-body{flex:1;min-width:0}.commentary-body strong{color:var(--text-0);font-weight:600}.commentary-meta{color:var(--text-4);margin-top:2px;font-size:11px}.dl{flex-direction:column;gap:14px;display:flex}.dl-row{grid-template-columns:16px 1fr auto auto;align-items:center;gap:12px;font-size:13px;display:grid}.dl-dot{border-radius:3px;width:8px;height:8px}.dl-name{color:var(--text-1);font-weight:500}.dl-bar{background:#ffffff0a;border-radius:999px;grid-column:1/-1;height:6px;overflow:hidden}.dl-bar-fill{border-radius:999px;height:100%;transition:width .6s}.dl-val{color:var(--text-0);font-family:Space Grotesk,sans-serif;font-weight:600}.dl-delta{color:var(--text-3);text-align:right;min-width:44px;font-size:11.5px}.dl-delta.pos{color:var(--pos)}.dl-delta.neg{color:var(--neg)}.tbl{border-collapse:collapse;width:100%}.tbl th{text-align:left;color:var(--text-4);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--hairline);padding:0 12px 10px;font-size:11px;font-weight:600}.tbl th.r,.tbl td.r{text-align:right}.tbl td{border-bottom:1px solid var(--hairline);color:var(--text-1);vertical-align:middle;padding:12px;font-size:13px}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:#ffffff05}.tbl-path{flex-direction:column;gap:2px;min-width:0;display:flex}.tbl-path-url{color:var(--text-0);white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;overflow:hidden}.tbl-path-title{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:11.5px;overflow:hidden}.tbl-num{font-feature-settings:"tnum" 1;color:var(--text-0);font-family:Space Grotesk,sans-serif;font-weight:500}.mini-bar{background:linear-gradient(90deg, var(--accent), var(--accent-2));vertical-align:middle;border-radius:999px;min-width:4px;height:4px;display:inline-block}.vitals{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.vital{border:1px solid var(--hairline);background:#ffffff06;border-radius:14px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.vital-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-4);font-size:11px;font-weight:600}.vital-val{color:var(--text-0);align-items:baseline;gap:4px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600;display:flex}.vital-val small{color:var(--text-3);font-size:12px;font-weight:500}.vital-bar{background:#ffffff0f;border-radius:999px;height:4px;margin-top:8px;display:flex;overflow:hidden}.vital-bar i{height:100%;display:block}.gauge-wrap{grid-template-columns:160px 1fr;align-items:center;gap:20px;display:grid}.gauge{width:160px;height:160px;position:relative}.gauge-center{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.gauge-num{color:var(--text-0);letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:600}.gauge-pct{color:var(--text-3);font-size:16px}.gauge-lbl{color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.eng-list{flex-direction:column;gap:14px;display:flex}.eng-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.eng-row span:first-child{color:var(--text-2);font-size:13px}.eng-row span:last-child{color:var(--text-0);font-family:Space Grotesk,sans-serif;font-weight:600}.divider{background:var(--hairline);border:0;height:1px;margin:0}.section-eyebrow{color:var(--text-3);text-transform:uppercase;letter-spacing:.12em;font-size:11.5px;font-weight:600}.h-display{color:var(--text-0);letter-spacing:-.025em;margin:4px 0 0;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:600}@media (max-width:760px){:root{--gutter:14px;--card-pad:16px;--card-radius:16px}.grid-kpis{grid-template-columns:repeat(2,1fr)!important}.grid-7-5,.grid-6-6,.grid-3{grid-template-columns:1fr!important}.grid-modules{grid-template-columns:1fr}.app{grid-template-columns:1fr!important}.sidebar{z-index:60;background:linear-gradient(180deg, var(--bg-1), var(--bg-0));width:280px;max-width:86vw;height:100vh;transition:transform .25s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:12px 0 40px -10px #00000080}.app[data-mobile-nav=open] .sidebar{transform:translate(0)}.sidebar-close{border:1px solid var(--hairline);width:32px;height:32px;color:var(--text-2);background:#ffffff0d;border-radius:8px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.mobile-veil{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:55;opacity:0;pointer-events:none;background:#05061499;transition:opacity .2s;display:block;position:fixed;inset:0}.app[data-mobile-nav=open] .mobile-veil{opacity:1;pointer-events:auto}.menu-btn{border:1px solid var(--hairline);width:36px;height:36px;color:var(--text-1);background:#ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.topbar{padding:12px var(--gutter);flex-wrap:nowrap;gap:8px}.topbar-title{flex-shrink:1;min-width:0}.topbar-h1{white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:15px;overflow:hidden}.topbar-eyebrow{font-size:10px}.topbar-tools{flex-shrink:0;gap:6px}.topbar .seg button{padding:5px 8px;font-size:11.5px}.topbar .date-pill,.topbar-btn-label{display:none}.topbar-edit-btn{justify-content:center;width:36px;padding:0}.card{padding:14px}.card-hd{flex-wrap:wrap;gap:10px;margin-bottom:12px}.kpi{min-height:140px}.kpi-value{font-size:26px}.acq-layout{flex-direction:column;align-items:center;gap:20px}.gauge-wrap{grid-template-columns:1fr;justify-items:center;gap:20px}.vitals{grid-template-columns:1fr}.tbl th:nth-child(3),.tbl td:nth-child(3),.tbl th:nth-child(4),.tbl td:nth-child(4){display:none}.tbl-path-url,.tbl-path-title{max-width:160px}.insight{font-size:12px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff29 padding-box padding-box}