:root{--bg-0:#060d22;--bg-1:#0b1734;--panel:#15284c;--panel-strong:#1c3566;--line:#2d4f86;--text:#d5e5ff;--muted:#88a8d8;--accent:#3f8cff}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top right,#1d2f5b 0,transparent 40%),radial-gradient(circle at bottom left,#102046 0,transparent 35%),linear-gradient(160deg,var(--bg-1),var(--bg-0) 70%);color:var(--text);font-family:Segoe UI,Trebuchet MS,sans-serif;min-height:100%}.main-nav{display:flex;gap:1rem;padding:1rem 2rem;background:rgba(21,40,76,.8);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-link{color:var(--muted);text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:all .2s;font-size:.9rem;position:relative}.nav-link:hover{color:var(--text);background:rgba(63,140,255,.2)}.nav-link[data-active=true]{color:var(--text);background:rgba(63,140,255,.25);font-weight:600}.nav-link[data-active=true]:after{content:"";position:absolute;bottom:-2px;left:.5rem;right:.5rem;height:2px;background:var(--accent);border-radius:1px}.main-nav a:first-child{color:var(--text);font-weight:600}.page-shell{max-width:1400px;margin:0 auto;padding:24px 16px 64px}.hero{background:linear-gradient(140deg,#213a6c,#1a2d51);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:20px}.hero h1{margin:10px 0 8px;font-size:clamp(1.35rem,2.5vw,2rem)}.hero p{margin:0 0 8px;color:var(--muted)}.hero small{color:#a6c1eb}.badge{width:-moz-fit-content;width:fit-content;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);background:rgba(63,140,255,.15);color:#bbd6ff;border-radius:999px;padding:4px 10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:14px}.metric-card{background:linear-gradient(160deg,#162a52,#112344);border:1px solid var(--line);border-radius:12px;padding:16px}.metric-card span{display:block;color:var(--muted);font-size:.84rem}.metric-card strong{display:block;margin-top:8px;font-size:1.7rem;color:#8ec2ff}.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;align-items:end;background:rgba(20,37,72,.8);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:16px}.filter-group label{display:block;color:var(--muted);font-size:.8rem;margin-bottom:6px}.actions button,.filter-group input,.filter-group select{width:100%;height:40px;border-radius:9px;border:1px solid var(--line);background:#0d1d3c;color:var(--text);padding:0 11px}.actions button{background:linear-gradient(135deg,#2e6adb,#3f8cff);color:#eff6ff;cursor:pointer;font-weight:600}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.question-card{background:linear-gradient(160deg,#162d56,#13274a);border:1px solid rgba(94,138,211,.36);border-radius:12px;padding:16px}.question-card h2{font-size:1.02rem;margin:0 0 10px;color:#92bfff}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.pill{font-size:.72rem;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:rgba(66,137,255,.2);border:1px solid rgba(86,147,245,.5);color:#c5ddff}.pill.muted{background:rgba(200,220,255,.12);border-color:rgba(180,205,245,.3)}.question-card dl{margin:0;display:grid;grid-gap:8px;gap:8px}.question-card dl div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(124,164,229,.2);padding-top:7px}.question-card dt{color:var(--muted);font-size:.82rem}.question-card dd{margin:0;color:#dcedff;text-align:right;font-size:.84rem}@media (max-width:1024px){.filters,.grid,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.page-shell{padding:16px 12px 40px}.filters,.grid,.metrics{grid-template-columns:1fr}.metric-card strong{font-size:1.35rem}}