*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #f0f4f8;--bg-surface: #ffffff;--bg-elevated: #f8fafc;--bg-hover: #eef2f7;--border: #dde3ed;--border-bright: #c4cfe0;--cyan: #0284c7;--cyan-dim: rgba(2,132,199,.1);--cyan-glow: rgba(2,132,199,.2);--green: #059669;--green-dim: rgba(5,150,105,.1);--red: #dc2626;--red-dim: rgba(220,38,38,.08);--amber: #d97706;--amber-dim: rgba(217,119,6,.1);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--font-sans: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius: 5px}html,body,#root{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--cyan-glow)}50%{box-shadow:0 0 8px 2px var(--cyan-glow)}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flow-dot{0%{left:0%}to{left:100%}}