:root{color-scheme:light;--page-plane: #f9f9f7;--surface-1: #fcfcfb;--text-primary: #0b0b0b;--text-secondary: #52514e;--muted: #898781;--border: rgba(11, 11, 11, .1);--delta-good: #006300;--delta-critical: #d03b3b}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--page-plane: #0d0d0d;--surface-1: #1a1a19;--text-primary: #ffffff;--text-secondary: #c3c2b7;--muted: #898781;--border: rgba(255, 255, 255, .1);--delta-good: #0ca30c;--delta-critical: #e66767}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--page-plane);color:var(--text-primary)}.page{min-height:100vh;padding:32px 24px}.page-header h1{font-size:22px;font-weight:600;margin:0 0 24px;color:var(--text-primary)}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:960px;margin:0 auto}@media (max-width: 720px){.kpi-grid{grid-template-columns:1fr}}.kpi-tile{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:8px;min-width:0}.kpi-tile__label{font-size:13px;color:var(--text-secondary)}.kpi-tile__value{font-size:32px;font-weight:600;color:var(--text-primary);line-height:1.1}.trend-badge{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;width:fit-content}.trend-badge--up{color:var(--delta-good)}.trend-badge--down{color:var(--delta-critical)}