:root{--bg: #0f172a;--surface: #1e293b;--border: #334155;--text: #e2e8f0;--text-muted: #94a3b8;--accent: #3b82f6;--green: #22c55e;--yellow: #eab308;--red: #ef4444;--idle: #475569}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px}.error-bar{background:#7f1d1d;color:#fca5a5;border:1px solid #991b1b;border-radius:.375rem;padding:.75rem 1rem;margin-bottom:1rem;font-size:.875rem}.state-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.2rem .6rem;border-radius:4px;background:var(--border);color:var(--text-muted)}.state-badge.state-normal{background:var(--green);color:#fff}.state-badge.state-degraded{background:var(--yellow, #f59e0b);color:#fff}.state-badge.state-fault{background:var(--red);color:#fff}.state-badge.state-offline{background:var(--idle);color:var(--text-muted)}.alert-badge{font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:9999px;background:var(--red);color:#fff;min-width:1.25rem;text-align:center}.ack-btn,.resolve-btn{border-radius:4px;padding:.2rem .5rem;font-size:.7rem;cursor:pointer;white-space:nowrap}.ack-btn{border:none;background:var(--border);color:var(--text)}.ack-btn:hover{background:var(--accent);color:#fff}.resolve-btn{background:transparent;border:1px solid var(--green);color:var(--green)}.resolve-btn:hover{background:var(--green);color:#fff}.empty{color:var(--text-muted)}