:root{--bg: #f4f6fb;--panel: #ffffff;--ink: #0f172a;--ink-soft: #64748b;--line: #e5e7eb;--line-strong: #cbd5e1;--accent: #10b981;--accent-soft: #d1fae5;--warn: #f59e0b;--info: #3b82f6;--danger: #ef4444;--display: #6366f1;--video: #10b981;--audio: #f59e0b;--retail: #ec4899}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.back{position:fixed;top:16px;left:16px;z-index:20;font-size:12px;color:var(--ink-soft);background:var(--panel);padding:6px 12px;border:1px solid var(--line);border-radius:8px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:56px 24px 12px;background:var(--panel);border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.01em}.brand-mark{width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--info))}.env-pill{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:4px 10px;border-radius:999px;margin-left:8px}.topbar-actions{display:flex;align-items:center;gap:16px}.search{display:inline-block;font-size:13px;color:var(--ink-soft);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 16px;min-width:320px}.btn-primary{display:inline-block;font-weight:600;font-size:13px;background:var(--ink);color:#fff;padding:8px 16px;border-radius:8px;transition:background .15s ease}.btn-primary:hover{background:#1f2937}.btn-lg{font-size:14px;padding:12px 22px}.layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 56px)}.sidebar{border-right:1px solid var(--line);background:var(--panel);padding:24px 12px}.sidebar-eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;margin:16px 12px 8px}.sidebar-eyebrow:first-child{margin-top:0}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{padding:8px 12px;border-radius:6px;font-size:14px;color:var(--ink-soft)}.sidebar nav a:hover{background:var(--bg);color:var(--ink)}.sidebar nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.content{padding:32px}.page-header{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.page-header h1{font-size:26px;margin:0 0 4px;letter-spacing:-.015em}.subtitle{margin:0;font-size:13px;color:var(--ink-soft)}.time-range{display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:4px;gap:4px}.time-btn{border:0;background:transparent;color:var(--ink-soft);padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}.time-btn.active{background:var(--bg);color:var(--ink);font-weight:600}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.kpi-label{margin:0 0 8px;font-size:13px;color:var(--ink-soft)}.kpi-value{margin:0 0 6px;font-size:28px;font-weight:700;letter-spacing:-.02em}.kpi-delta{margin:0;font-size:12px;font-weight:600}.kpi-delta.up{color:var(--accent)}.kpi-delta.down{color:var(--danger)}.panels{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.panel-wide{grid-column:span 2}.panel-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.panel-header h2{font-size:15px;margin:0;font-weight:600}.panel-meta{font-size:12px;color:var(--ink-soft)}.panel-meta-live{display:inline-flex;align-items:center;gap:6px;color:var(--accent)}.pulse{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 #10b981b3;animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@media (prefers-reduced-motion: reduce){.pulse{animation:none}}.chart{height:200px;margin:0 -4px}.chart svg{width:100%;height:100%;display:block}.legend{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--ink-soft)}.legend li{display:inline-flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%}.dot-display{background:var(--display)}.dot-video{background:var(--video)}.dot-audio{background:var(--audio)}.dot-retail{background:var(--retail)}.bar-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.bar-list li{display:grid;grid-template-columns:1fr 100px auto;gap:12px;align-items:center;font-size:13px}.bar{display:block;height:8px;border-radius:4px;background:var(--bg);overflow:hidden}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--info));border-radius:4px}.bar-value{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink-soft);font-size:12px}.event-list,.signal-feed{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13px}.event-list li{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--line)}.event-list li:last-child{border-bottom:0}.badge{font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:3px 8px;border-radius:999px;flex-shrink:0}.badge-info{background:#3b82f61f;color:var(--info)}.badge-low{background:#f59e0b1f;color:var(--warn)}.signal-feed{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.signal-feed li{padding:6px 0;border-bottom:1px solid var(--line);color:var(--ink-soft)}.signal-feed li:last-child{border-bottom:0}.signal-feed code{color:var(--ink);font-weight:600}.cta-band{background:var(--ink);color:#fff;padding:32px;border-radius:12px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}.cta-band h2{margin:0 0 6px;font-size:22px;letter-spacing:-.01em}.cta-band p{margin:0;color:#ffffffbf;max-width:60ch}.cta-band .btn-primary{background:var(--accent)}.cta-band .btn-primary:hover{background:#059669}@media (max-width: 880px){.layout{grid-template-columns:1fr}.sidebar{display:none}.panels{grid-template-columns:1fr}.panel-wide{grid-column:span 1}.search{display:none}}