:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-1:#fcfcfb;--page-plane:#f9f9f7;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--gridline:#e1e0d9;--border:#0b0b0b1a;--status-good:#0ca30c;--status-critical:#d03b3b;--series-1:#2a78d6}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-1:#1a1a19;--page-plane:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--border:#ffffff1a;--status-good:#0ca30c;--status-critical:#e66767;--series-1:#3987e5}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-1:#1a1a19;--page-plane:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--border:#ffffff1a;--status-good:#0ca30c;--status-critical:#e66767;--series-1:#3987e5}*{box-sizing:border-box}body{background:var(--page-plane);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.page{max-width:1100px;margin:0 auto;padding:40px 24px 80px}.header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:32px;display:flex}.title{margin:0;font-size:22px;font-weight:600}.updated{color:var(--text-muted);font-size:13px}.refreshBtn{color:var(--text-secondary);background:var(--surface-1);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px}.refreshBtn:hover{color:var(--text-primary);border-color:var(--text-muted)}.clientSection{margin-bottom:40px}.clientName{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;font-size:15px;font-weight:600}.tileGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.tile{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.tileLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin:0 0 6px;font-size:12px;font-weight:500}.tileValue{font-variant-numeric:proportional-nums;margin:0;font-size:28px;font-weight:600;line-height:1.1}.tileValue--good{color:var(--status-good)}.tileValue--critical{color:var(--status-critical)}.tileValue--neutral{color:var(--series-1)}.campaignsTile{grid-column:1/-1}.campaignsList{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.stateMessage{color:var(--text-muted);text-align:center;padding:40px 0;font-size:14px}.errorMessage{color:var(--status-critical);text-align:center;padding:40px 0;font-size:14px}
