:root{--bg:#f7f8fa;--surface:#ffffff;--card:#ffffff;--text:#0f1222;--muted:#6b7280;--border:#e5e7eb;--shadow:0 6px 30px rgba(16,24,40,.08);--radius:14px;--accent:#c3e76b;--accent-ink:#1a1f2b}.dark:root{--bg:#0b0f1a;--surface:#0f1422;--card:#11162a;--text:#e5e7eb;--muted:#94a3b8;--border:#1f2937;--shadow:0 8px 40px rgba(2,6,23,.45);--accent:#c3e76b;--accent-ink:#0b0f1a}.page-wrap{padding:24px clamp(20px,3.5vw,36px);max-width:1400px;margin:0 auto}.card-base{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi{display:flex;gap:10px;align-items:center;padding:14px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.h1{font-size:clamp(20px,2.6vw,28px);font-weight:700;color:var(--text)}.sub{color:var(--muted)}:root{--ct-lime-action:#D2F861;--ct-lime-rest:#c3e76b;--ct-green-text:#3b6d11;--ct-green-text-strong:#173404;--ct-navy:#0f112a;--ct-navy-hover:#1c1f44;--ct-red-solid:#e24b4a;--ct-red-text:#a32d2d;--ct-red-text-on-navy:#f7c1c1;--ct-red-fill-strong:rgba(226,75,74,0.40);--ct-red-fill-mid:rgba(226,75,74,0.16);--ct-red-fill-soft:rgba(226,75,74,0.10);--ct-red-fill-area:rgba(226,75,74,0.07);--ct-lime-fill-mid:rgba(195,231,107,0.35);--ct-lime-fill-soft:rgba(210,248,97,0.30);--ct-row-hover:rgba(210,248,97,0.13);--ct-amber-bg:#fdf3d8;--ct-amber-text:#8a6d1a;--ct-amber-dot:#e0a92a;--ct-gray-pause:#b4b2a9;--ct-surface:#ffffff;--ct-text-strong:#0f112a;--ct-text-muted:#6b6e82;--ct-text-faint:#9c9eac;--ct-border-strong:rgba(15,17,42,0.12);--ct-border-soft:rgba(15,17,42,0.08);--ct-radius-card:12px;--ct-radius-md:9px;--ct-radius-pill:999px}.dark,html[data-theme=dark]{--ct-surface:#0B1222;--ct-surface-soft:#0F1A30;--ct-text-strong:#EAF0FF;--ct-text-muted:rgba(234,240,255,0.72);--ct-text-faint:rgba(234,240,255,0.52);--ct-border-strong:rgba(148,163,184,0.24);--ct-border-soft:rgba(148,163,184,0.16);--ct-amber-bg:rgba(224,169,42,0.16);--ct-amber-text:#f0c869;--ct-row-hover:rgba(203,239,91,0.10)}