:root{--bg:#0f1419;--fg:#e6edf3;--muted:#8b949e;--accent:#2dd4bf;--card-bg:#161b22;--border:#30363d;--freshness-good:#2ea043;--freshness-warn:#d4a72c;--freshness-stale:#da3633}[data-theme=light]{--bg:#f6f8fa;--fg:#1f2328;--muted:#656d76;--accent:#098575;--card-bg:#fff;--border:#d0d7de;--freshness-good:#1a7f37;--freshness-warn:#9a6700;--freshness-stale:#cf2222}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--fg);min-height:100vh}main{width:90%;max-width:1200px;margin:0 auto;padding:1rem 1.5rem 2rem}.compliance-banner{background:#fff;color:#1a1a1a;padding:1rem 1.5rem;margin-top:auto;width:100%;font-size:clamp(14px,2vw,16px);line-height:1.5;max-width:100%}.compliance-banner__inner{max-width:1200px;margin:0 auto;font-weight:700;text-align:center}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem;transition:border-color .15s ease,box-shadow .15s ease}.card:hover{border-color:var(--muted)}@media (max-width:640px){main{padding:.75rem 1rem}}.metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:1rem;gap:1rem}.metric-card__value{font-size:1.5rem;font-weight:600;color:var(--accent)}.metric-card__label{font-size:.875rem;color:var(--muted)}button,input,textarea{border-radius:8px}