:root{--bg-base:#0a0d10;--bg-elevated:#12161a;--bg-hover:#1a2025;--border:#232b31;--text-primary:#e4e8eb;--text-secondary:#8a97a0;--accent:#3da9fc;--critical:#e5484d;--ok:#2fb170;--warning:#f2a93b;--font-sans:"IBM Plex Sans", -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:40px 40px;margin:0}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.55}}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot--alarm{animation:1.6s ease-in-out infinite pulse-dot}