:root{--accent:#0daeff;--accent-dark:#0b9cd9;--bg:#f8fafc;--border:#d8e2ee;--danger:#ef4444;--good:#10b981;--ink:#0a1a33;--muted:#6b7685;--surface:#fff;--surface-raised:#fff;--navy:#0a1a33;--navy-card:#1a2744;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button:focus-visible,tr:focus-visible{outline-offset:2px;outline:3px solid #2563eb47}#root{min-height:100vh}.dashboard-shell{min-height:100vh;padding:0}.site-header{background:var(--navy);z-index:100;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.brand-logo{letter-spacing:-.3px;font-size:20px;font-weight:700;line-height:1;text-decoration:none}.brand-logo .legal{color:#ffffffeb}.brand-logo .ai{color:var(--accent)}.brand-logo .intel{color:#ffffffeb}.header-meta{color:#fff6;letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:500}.dashboard-body{padding:28px}.topbar,.topbar-actions,.api-pill,.metric-card,.signal-bar,.loading-row,.notice,.page-chip,.coverage-stat,.panel-header,.visual-card-header,.visual-empty,.matrix-row,.case-row{align-items:center;display:flex}.topbar{justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:700}h1,h2,h3{color:var(--ink);margin:0}h1{font-size:34px;line-height:1.08}h2{font-size:18px;line-height:1.2}h3{font-size:16px;line-height:1.25}.topbar-actions{gap:10px}.api-pill{color:var(--accent);white-space:nowrap;background:#0daeff1f;border:1px solid #0daeff4d;border-radius:999px;gap:7px;min-height:34px;padding:0 12px;font-size:13px;font-weight:600}.page-chip,.coverage-stat{background:var(--surface);border:1px solid var(--border);color:var(--good);white-space:nowrap;border-radius:999px;gap:7px;min-height:38px;padding:0 13px}.icon-button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s;display:inline-flex}.icon-button:hover{border-color:var(--accent);background:#0daeff40}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:114px;margin-bottom:14px;display:grid}.metric-card{background:linear-gradient(135deg, #fffffff5, #f8fafce6), var(--surface);border:1px solid var(--border);color:inherit;cursor:pointer;text-align:left;border-radius:8px;gap:13px;min-height:110px;padding:16px}.metric-card:hover,.metric-card.is-active,.signal-bar:hover,.kpi-mini:hover,.kpi-lead:hover,.matrix-row:hover,.ranked-list button:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 14px 32px #0daeff24}.metric-icon{color:var(--accent);background:#0daeff1a;border-radius:8px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.metric-text,.selected-metric,.visual-empty{gap:3px;min-width:0;display:grid}.metric-label,.selected-metric span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.metric-text strong,.selected-metric strong{color:var(--ink);font-size:27px;line-height:1.1}.metric-text small,.selected-metric small,.case-row small,.visual-card-header small,.kpi-mini small,.ranked-list small{color:var(--muted);font-size:12px}.coverage-strip,.page-tabs,.tier-tabs,.page-strip{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.coverage-stat{color:var(--muted)}.coverage-stat strong{color:var(--ink)}.signal-ribbon{border:1px solid var(--border);background:radial-gradient(circle at 12% 0,#2563eb1f,#0000 28%),linear-gradient(135deg,#fff,#f8fafc 62%,#eef6ff);border-radius:8px;grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);gap:18px;margin-bottom:18px;padding:20px;display:grid;overflow:hidden}.signal-copy{align-content:center;gap:7px;display:grid}.signal-copy h2{font-size:24px}.signal-copy p{color:var(--muted);max-width:48ch;margin:0}.signal-bars{gap:9px;display:grid}.signal-bar{color:var(--ink);cursor:pointer;text-align:left;background:#ffffffb8;border:1px solid #d9e1ece6;border-radius:8px;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;min-height:44px;padding:8px 11px;display:grid;position:relative;overflow:hidden}.signal-bar span,.signal-bar strong{z-index:1;position:relative}.signal-bar span:not(.signal-icon){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.signal-icon{border:1px solid var(--border);color:var(--accent);background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.signal-bar i{opacity:.14;position:absolute;top:0;bottom:0;left:0}.page-tabs,.tier-tabs{border:1px solid var(--border);background:#f8fafc;border-radius:8px;padding:6px}.page-tabs button,.tier-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;min-height:34px;padding:0 12px}.tier-tabs button{align-items:center;gap:7px;display:inline-flex}.tier-tabs strong{color:var(--ink)}.page-tabs button.is-active,.tier-tabs button.is-active{background:var(--surface);border-color:var(--border);color:var(--ink);box-shadow:0 4px 12px #14203314}.visual-layout{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.visual-stack{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px;display:grid}.visual-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:0}.tier-empty{grid-column:1/-1}.visual-kpi,.visual-kpi-row,.visual-matrix,.visual-bar,.visual-timeline,.visual-scatter,.visual-ranked-list,.visual-case-report,.visual-lead-gate{grid-column:span 1}.visual-card-header,.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;gap:14px;min-height:76px;padding:15px 17px}.visual-card-header span,.panel-header p{color:var(--muted);font-size:12px}.panel-header p{margin:4px 0 0}.plotly-frame{width:100%;min-height:220px}.kpi-panel{gap:12px;padding:14px;display:grid}.kpi-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.kpi-mini,.kpi-lead,.matrix-row,.ranked-list button{border:1px solid var(--border);color:inherit;cursor:pointer;text-align:left;background:#f8fafc;border-radius:8px;min-width:0}.kpi-lead{cursor:pointer;background:linear-gradient(135deg,#dbeafee0,#ffffffd1),#fff;gap:6px;min-height:142px;padding:16px;display:grid}.kpi-mini{gap:2px;min-height:84px;padding:13px;display:grid}.kpi-lead span,.kpi-mini span{color:var(--muted);font-size:12px}.kpi-lead strong{color:var(--ink);font-size:38px;line-height:1}.kpi-mini strong{color:var(--ink);font-size:24px}.kpi-comparison{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:6px;display:grid}.kpi-comparison span{background:#ffffffb8;border:1px solid #d9e1eccc;border-radius:8px;gap:2px;min-height:48px;padding:7px;display:grid}.kpi-comparison b{color:var(--ink);font-size:14px}.matrix-panel{gap:2px;display:grid}.matrix-list{gap:8px;padding:0 14px 14px;display:grid}.matrix-row{justify-content:space-between;min-height:44px;padding:0 12px}.matrix-row span{color:var(--muted)}.matrix-row strong{color:var(--ink)}.ranked-list{gap:8px;margin:0;padding:14px;list-style-position:inside;display:grid}.ranked-list li::marker{color:var(--muted);font-size:12px;font-weight:700}.ranked-list button{gap:2px;width:100%;margin-top:3px;padding:10px 12px;display:grid}.ranked-list span,.case-row strong{color:var(--ink);font-weight:700}.ranked-list strong{color:var(--accent);font-size:18px}.visual-empty{color:var(--muted);justify-items:start;min-height:170px;padding:22px}.visual-empty strong{color:var(--ink)}.side-panel{align-self:start;position:static}.selected-metric{border-bottom:1px solid var(--border);padding:18px}.case-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-height:620px;display:grid;overflow-y:auto}.case-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;gap:10px;min-height:72px;padding:13px 18px}.case-row span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.notice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;gap:8px;margin-bottom:16px;padding:12px 14px}.notice.compact{border-radius:0;margin:0}.loading-row,.empty-state{color:var(--muted);gap:8px;padding:18px}.loading-row.compact{border-bottom:1px solid var(--border)}.spin{animation:.8s linear infinite spin}.page-strip{margin-top:18px}.page-chip{color:var(--muted);cursor:pointer}.page-chip span{color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.signal-ribbon,.summary-grid,.visual-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-layout{grid-template-columns:1fr}.side-panel{grid-column:1/-1;position:static}}@media (width<=720px){.dashboard-shell{padding:18px}.topbar{flex-direction:column;align-items:flex-start}h1{font-size:28px}.summary-grid,.signal-ribbon,.visual-stack,.visual-layout{grid-template-columns:1fr}.metric-card{min-height:96px}.kpi-comparison{grid-template-columns:1fr}}
