:root{--ink:#0d0d0c;--muted:#64748b;--paper:#ffffff;--white:#fff;--line:#e4e4e7;--surface:#f7f9f7;--green:#087a4b;--green2:#16a34a;--lime:#16a34a;--red:#c63d45;--yellow:#f0c743;--nav:#0d0d0c}
body{background:var(--paper);color:var(--ink);font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.topbar{background:var(--nav);border-bottom:1px solid rgba(255,255,255,.08);height:68px;padding:0 28px}
.brand{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.brand-mark{border-color:#2a2d2a;color:#4ade80;height:34px;min-width:42px}.brand b{background:#16a34a;color:#fff;padding:5px 7px}
.nav-tabs{margin-left:44px}.nav-tab{color:#5a5e5a;font-size:12px;padding:0 17px}.nav-tab.active{border-color:#16a34a;color:#fff}.nav-tab:hover{color:#fff}
.tier-pill{border-color:#2a2d2a;color:#4ade80}.icon-button,.avatar{background:#1a1d1a;border-radius:2px}.avatar{border-radius:50%}
main{max-width:1540px;padding:46px 4vw 82px}.page-head{margin-bottom:34px}.page-head h1{font-size:clamp(35px,4vw,56px);font-weight:700;letter-spacing:-.02em;line-height:.98;max-width:880px}.eyebrow{color:#16a34a;letter-spacing:.1em}.subhead{font-size:15px;line-height:1.55;max-width:760px}.asof{border-color:#16a34a}
.metric-strip,.panel,.table-wrap,.empty-slate,.segmented,.search,.controls select{border-color:var(--line);box-shadow:none}.metric-strip,.panel,.table-wrap,.search,.controls select,.segmented{background:#fff}.metric{padding:21px 22px}.metric strong{font-size:26px}.metric span{margin-top:5px}
.overview-grid{gap:14px}.panel{padding:24px}.featured-panel{min-height:390px}.panel h2{font-size:20px}.badge.premium{background:#0d0d0c;color:#4ade80}.badge.preview{background:#f4f4f5;color:#0d0d0c}.feature-stat strong{color:#087a4b}.area{fill:#e2f2e9}.line{stroke:#087a4b}.method-note{border-color:#16a34a}
.text-button{color:#16a34a}.text-button:hover{color:#0f7a36}.trend-card{background:#fafafa;border-color:var(--line)}
.controls{flex-wrap:wrap;gap:8px}.search,.controls select{height:44px}.search:focus-within{border-color:#16a34a;outline:2px solid rgba(22,163,74,.12)}
.segmented button{padding:10px 20px}.segmented button.active{background:#0d0d0c}.table-wrap{border-radius:0}th{background:#f4f4f5;color:#64748b;letter-spacing:.06em}th,td{padding:14px 16px}tbody tr:hover{background:#f7f9f7}
.access{background:#dcfce7;color:#15803d}.positive{color:#087a4b}.negative{color:#c63d45}
.back-button{color:#16a34a}.back-button:hover{color:#0f7a36}
[data-tooltip]{cursor:help}
@media(max-width:800px){.topbar{height:auto;min-height:64px;padding:8px 12px}.brand span:not(.brand-mark),.brand b{display:none}.nav-tabs{margin-left:auto;overflow:auto}.nav-tab{padding:0 9px}.top-actions{display:none}main{padding:28px 14px 60px}.page-head h1{font-size:32px}.controls{flex-wrap:nowrap;overflow:auto}.controls>*{flex:0 0 auto}}