:root{--bg:#f8fafc;--surface:#fff;--surface-2:#f2f4f6;--surface-3:#eceef0;--canvas-dim:#d8dadc;--ink:#191c1e;--text:#191c1e;--muted:#475569;--muted-2:#44474d;--primary:#0a192f;--primary-dark:#061021;--on-primary:#fff;--green:#059669;--green-dark:#00714e;--green-bg:#0596691f;--red:#dc2626;--red-bg:#dc26261a;--amber:#b45309;--amber-bg:#fef3c7;--glass:#ffffffbf;--glass-hi:#ffffffe6;--border:#0f172a14;--border-strong:#0f172a1f;--outline:#75777e;--outline-variant:#c5c6cd;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-pill:9999px;--shadow:0 4px 20px -2px #0a192f0a, 0 2px 6px -1px #0a192f05;--shadow-raised:0 12px 32px -4px #0a192f14, 0 2px 12px -2px #0a192f08;--font-display:"Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--font-body:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--topbar-h:64px;--sidebar-w:260px}*{box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:22px}h1,h2,h3{font-family:var(--font-display);color:var(--primary)}.num,table,.chart-wrap svg text{font-variant-numeric:tabular-nums}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(20px);color:var(--ink);min-height:var(--topbar-h);z-index:20;border-bottom:1px solid var(--border);background:#ffffffe0;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.brand{color:var(--primary);align-items:center;gap:.7rem;text-decoration:none;display:flex}.brand-mark{border-radius:var(--radius-md);background:var(--primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:inset 0 1px #fff3}.brand-name{line-height:1.15;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;font-size:.95rem;font-weight:800;display:flex}.brand-name em{font-style:normal;font-family:var(--font-body);letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-size:.64rem;font-weight:600}.top-actions{align-items:center;gap:.6rem;display:flex}.top-context{color:var(--muted);white-space:nowrap;font-size:.85rem;font-weight:500}.btn-navy,.btn-ghost{border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;border:1px solid #0000;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn-navy{background:var(--primary);color:var(--on-primary);box-shadow:inset 0 1px #fff3}.btn-navy:hover{background:var(--primary-dark)}.btn-navy:focus-visible{outline:2px solid var(--green);outline-offset:2px}.btn-ghost{color:var(--primary);background:#47556914}.btn-ghost:hover{box-shadow:var(--shadow);background:#ffffffe6}.btn-ghost:focus-visible{outline:2px solid var(--green);outline-offset:2px}.ico-svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:17px;height:17px}.shell{flex:1;align-items:stretch;min-height:0;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);top:var(--topbar-h);height:calc(100vh - var(--topbar-h));flex-direction:column;flex-shrink:0;gap:.85rem;padding:1.25rem 1rem 1rem;display:flex;position:sticky}.side-user{align-items:center;gap:.65rem;padding:0 .35rem;display:flex}.avatar{border-radius:var(--radius-md);background:var(--green-bg);width:38px;height:38px;color:var(--green-dark);flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.avatar.guest{background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.side-user-info{flex-direction:column;min-width:0;line-height:1.25;display:flex}.side-user-info strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.side-user-info small{color:var(--muted);font-size:.76rem}.side-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:.35rem 0 0;padding:0 .35rem;font-size:.72rem;font-weight:600}.side-nav{flex-direction:column;gap:.3rem;display:flex}.side-link{border-radius:var(--radius);color:var(--muted);align-items:center;gap:.7rem;padding:.62rem .7rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.side-link:hover{color:var(--primary);background:#47556914}.side-link.active{background:var(--primary);color:var(--on-primary);font-weight:600;box-shadow:inset 0 1px #fff3}.side-link.is-disabled{color:var(--outline);cursor:not-allowed}.side-link.is-disabled:hover{color:var(--outline);background:0 0}.side-soon{letter-spacing:.05em;text-transform:uppercase;background:var(--surface-2);color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-pill);margin-left:auto;padding:.1rem .45rem;font-size:.62rem;font-weight:600}.stage-broadcast{background:var(--primary);color:var(--on-primary);border-radius:var(--radius);justify-content:center;align-items:center;gap:.5rem;margin-top:auto;padding:.7rem 1rem;font-size:.86rem;font-weight:600;text-decoration:none;display:flex;box-shadow:inset 0 1px #fff3}.stage-broadcast:hover{background:var(--primary-dark)}.muted{color:var(--muted)}.small{font-size:.85rem}.content{flex-direction:column;flex:1;min-width:0;display:flex}.main{width:100%;max-width:1240px;margin:0 auto;padding:2rem 2.5rem 3rem}.page-head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.page-head h1{letter-spacing:-.015em;margin:0;font-size:2rem;line-height:2.5rem}.page-head p{margin:.3rem 0 0}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:0 0 1rem;display:grid}.card,.panel{background:var(--glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-hi);box-shadow:var(--shadow), inset 0 0 0 1px #0a192f0f;border-radius:var(--radius-lg)}.card{align-items:flex-start;gap:.8rem;padding:1rem 1.1rem;display:flex}.card-ico{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.card-ico.blue{background:#0a192f14}.card-ico.green{background:var(--green-bg)}.card-ico.amber{background:var(--amber-bg)}.card-ico.red{background:var(--red-bg)}.card-body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.card .label,.metric .label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.69rem;font-weight:600}.card strong{font-family:var(--font-display);color:var(--primary);letter-spacing:-.01em;font-size:1.35rem;font-weight:700}.card .delta{font-size:.8rem;font-weight:600}.delta.up{color:var(--green-dark)}.delta.down{color:var(--red)}.metric{flex-direction:column;gap:.3rem}.metric strong{font-family:var(--font-display);letter-spacing:-.02em;color:var(--primary);font-size:2rem;font-weight:700;line-height:2.5rem}.metric .value-md{font-family:var(--font-display);color:var(--primary);font-size:1.1rem;font-weight:600;line-height:1.5rem}.chip{border-radius:var(--radius);align-items:center;gap:.4rem;width:fit-content;padding:.22rem .6rem;font-size:.76rem;font-weight:600;display:inline-flex}.chip .dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.chip.up{background:var(--green-bg);color:var(--green-dark)}.chip.up .dot{background:var(--green);animation:2s ease-out infinite pulse}.chip.down{background:var(--red-bg);color:var(--red)}.chip.down .dot{background:var(--red)}.chip.neutral{color:var(--muted);background:#47556914}@keyframes pulse{0%{box-shadow:0 0 #05966959}70%{box-shadow:0 0 0 6px #05966900}to{box-shadow:0 0 #05966900}}@media (prefers-reduced-motion:reduce){.chip.up .dot{animation:none}}.grid-2{grid-template-columns:2fr 1fr;gap:1rem;display:grid}@media (width<=960px){.grid-2{grid-template-columns:1fr}}.panel{margin:0 0 1rem;padding:1.25rem 1.4rem}.panel h2{letter-spacing:-.005em;margin:0 0 .25rem;font-size:1.15rem}.panel .sub{color:var(--muted);margin:0 0 1rem;font-size:.85rem}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.65rem .6rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#fff9}.ta-r{text-align:right}.badge{border-radius:var(--radius);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.35rem;padding:.18rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge.in{background:var(--green-bg);color:var(--green-dark)}.badge.out{background:var(--red-bg);color:var(--red)}.badge.info{color:var(--primary);background:#0a192f12}.alert{background:var(--red-bg);color:#991b1b;border-radius:var(--radius);border:1px solid #dc262640;padding:.65rem .85rem}.alert.ok{background:var(--green-bg);color:var(--green-dark);border-color:#0596694d}.btn{background:var(--primary);color:var(--on-primary);border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;border:none;padding:.6rem 1.2rem;font-weight:600;text-decoration:none;display:inline-block;box-shadow:inset 0 1px #fff3}.btn:hover{background:var(--primary-dark)}.btn:focus-visible{outline:2px solid var(--green);outline-offset:2px}.btn.small{padding:.4rem .9rem;font-size:.88rem}.btn:disabled{opacity:.6;cursor:wait}.btn-outline{border-radius:var(--radius);color:var(--primary);cursor:pointer;font-weight:600;font-family:var(--font-body);background:#47556914;border:1px solid #0000;margin-top:auto;padding:.55rem 1rem}.btn-outline:hover{box-shadow:var(--shadow);background:#ffffffe6}.chart-dom{width:100%}.chart-stage{border-bottom:1px solid var(--outline-variant);height:260px;margin-top:1rem;position:relative}.base-line{z-index:10;pointer-events:none;border-bottom:1px dashed #75777e99;position:absolute;left:0;right:0}.base-tag{font-family:var(--font-body);color:var(--muted);background:#f7f9fbd9;border-radius:3px;padding:0 .25rem;font-size:10px;position:absolute;top:-.55rem;left:0}.bars{justify-content:space-between;align-items:stretch;gap:4px;padding-bottom:22px;display:flex;position:absolute;inset:0}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;display:flex;position:relative}.bar-val{color:var(--muted);opacity:0;white-space:nowrap;margin-bottom:4px;font-size:10px;font-weight:600;transition:opacity .15s}.bar-col:hover .bar-val,.bar-col.last .bar-val{opacity:1}.bar-col.last .bar-val{color:var(--green-dark);font-weight:700}.bar-fill{background:#059669cc;border-radius:4px 4px 0 0;width:100%;transition:background .15s}.bar-col:hover .bar-fill{background:var(--green)}.bar-col.last .bar-fill{background:var(--green);box-shadow:0 2px 6px #05966959}.bar-col.base .bar-fill{background:#c5c6cdb3}.bar-col.base:hover .bar-fill{background:var(--outline-variant)}.bar-x{color:var(--muted);text-align:center;white-space:nowrap;font-size:10px;font-weight:500;position:absolute;bottom:-20px}.bar-col.last .bar-x{color:var(--green-dark);font-weight:700}@media (prefers-reduced-motion:reduce){.bar-fill,.bar-val{transition:none}}.q-grid{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1.5rem;padding-top:.75rem;display:grid}.q-cell{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;gap:.15rem;padding:.5rem;font-size:.8rem;display:flex}.q-cell.last{background:#0596691a;border-color:#0596694d}.q-label{color:var(--muted);font-size:11px}.q-val{color:var(--text);font-weight:700}.q-pct{color:var(--green-dark);font-size:11px;font-weight:600}.q-pct.neg{color:var(--red)}@media (width<=720px){.q-grid{grid-template-columns:repeat(2,1fr)}}.ta-c{text-align:center}.g-up{color:var(--green-dark);font-weight:600}.g-down{color:var(--red);font-weight:600}.swatch.dashed{border-top:2px dashed var(--outline);vertical-align:3px;border-radius:0;width:14px;height:0}.chart-wrap{width:100%}.chart-wrap svg{width:100%;height:auto;display:block}.chart-wrap rect[data-bar]{transition:opacity .15s}.chart-wrap rect[data-bar]:hover{opacity:.75}.chart-legend{color:var(--muted);gap:1rem;margin-top:.5rem;font-size:.85rem;display:flex}.chart-wrap.diag svg{margin-top:1rem}.compare{border-top:1px solid #0a192f1a;margin-top:1.25rem;padding-top:1rem}.compare-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.compare-head h3{margin:0 0 .25rem;font-size:.98rem}.compare-head p{margin:0}.compare-actions{gap:.5rem;display:flex}.compare-actions button{font:inherit;cursor:pointer;background:var(--surface);color:var(--text);border:1px solid #0a192f29;border-radius:999px;padding:.32rem .7rem;font-size:.8rem}.compare-actions button:hover{border-color:var(--green);color:var(--green-dark)}.compare-chips{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 .25rem;display:flex}.compare-chip{font:inherit;cursor:pointer;background:var(--surface);color:var(--muted-2);border:1px solid #0a192f29;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .8rem;font-size:.85rem;transition:border-color .15s,background .15s;display:inline-flex}.compare-chip:hover{border-color:var(--green)}.compare-chip.on{border-color:var(--green);color:var(--text);background:#0596691a;font-weight:600}.compare-chip .swatch{flex:none}.swatch{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:.3rem;display:inline-block}.donut-list{margin:.75rem 0 0;padding:0;font-size:.88rem;list-style:none}.donut-list li{border-bottom:1px dashed var(--border);justify-content:space-between;gap:.5rem;padding:.35rem 0;display:flex}.login-wrap{justify-content:center;padding:3rem 1rem;display:flex}.login-card{background:var(--glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-hi);box-shadow:var(--shadow), inset 0 0 0 1px #0a192f0f;border-radius:var(--radius-lg);flex-direction:column;gap:.9rem;width:100%;max-width:380px;padding:2rem;display:flex}.login-card h1{margin:0}.login-card label{flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;display:flex}.login-card input{border-radius:var(--radius);border:1px solid var(--border-strong);color:var(--ink);font-family:var(--font-body);background:#f8fafccc;padding:.6rem .7rem;font-size:.95rem}.login-card input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #05966959}.profit{margin:0;padding:0;list-style:none}.profit li{border-bottom:1px dashed var(--border);justify-content:space-between;gap:1rem;padding:.4rem 0;display:flex}.filters{flex-wrap:wrap;align-items:flex-end;gap:.9rem;margin:0;display:flex}.filters label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:.35rem;font-size:.72rem;font-weight:600;display:flex}.filters select{border-radius:var(--radius);border:1px solid var(--border-strong);color:var(--ink);font-family:var(--font-body);text-transform:none;letter-spacing:normal;background:#f8fafccc;min-width:150px;padding:.55rem .65rem;font-size:.9rem;font-weight:500}.filters select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #05966959}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);gap:.15rem;padding:3px;display:inline-flex}.segmented button{cursor:pointer;border-radius:var(--radius-pill);font-family:var(--font-body);color:var(--muted);background:0 0;border:none;padding:.4rem .95rem;font-size:.82rem;font-weight:600}.segmented button:hover{color:var(--primary)}.segmented button.on{background:var(--primary);color:var(--on-primary)}.segmented button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.premium{border-color:#05966973}.locked{text-align:center;border-style:dashed}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.9rem;display:flex}body.present-mode .topbar,body.present-mode .sidebar,body.present-mode .side-toggle,body.present-mode .side-backdrop{display:none!important}body.present-mode .shell{min-height:100vh}body.present-mode .main{max-width:1600px;padding-top:1.75rem}.present-exit{z-index:60;color:#fff;font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-raised);-webkit-backdrop-filter:blur(8px);background:#0a192feb;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;line-height:1.2;display:inline-flex;position:fixed;top:14px;right:16px}.present-exit:hover{background:var(--primary-dark)}.present-exit:focus-visible{outline:2px solid var(--green);outline-offset:2px}.top-left{align-items:center;gap:.75rem;min-width:0;display:flex}.side-toggle{border:1px solid var(--border-strong);border-radius:var(--radius);width:40px;height:40px;color:var(--primary);cursor:pointer;background:#47556914;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.side-toggle:focus-visible{outline:2px solid var(--green);outline-offset:2px}.side-backdrop{inset:0;top:var(--topbar-h);z-index:15;background:#06102173;position:fixed}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll table{min-width:640px}@media (width<=860px){.side-toggle{display:inline-flex}.topbar{gap:.5rem;padding:0 .9rem}.top-context{display:none}.main{padding:1.25rem 1rem 2rem}.page-head{flex-wrap:wrap;align-items:flex-start}.toolbar{align-items:flex-start}.sidebar{top:var(--topbar-h);z-index:18;width:min(80vw,300px);height:auto;box-shadow:none;transition:transform .2s;position:fixed;bottom:0;left:0;right:auto;overflow-y:auto;transform:translate(-102%)}.sidebar.open{box-shadow:var(--shadow-raised);transform:translate(0)}}@media (width>=861px){.side-backdrop{display:none}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}@media (width<=560px){.btn-label{display:none}.btn-navy,.btn-ghost{padding:.5rem .65rem}.brand-name em{display:none}.page-head h1{font-size:1.5rem;line-height:2rem}.panel{padding:1rem .9rem}.card.metric strong{font-size:1.45rem}.filters select,.login-card input{font-size:16px}.filters select{min-width:120px}.segmented button{padding:.4rem .7rem}.bar-col:not(.last) .bar-x{display:none}}