*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0c0f;--bg-2: #0f1318;--bg-3: #161b22;--bg-4: #1c2330;--border: #1e2735;--border-2: #2a3547;--text: #e0e6f0;--text-2: #8899b0;--text-3: #526070;--brand: #ff9602;--brand-dim: #e58700;--accent: var(--brand);--accent-dim: var(--brand-dim);--green: #00e676;--green-dim: #00a854;--red: #ff3d5a;--red-dim: #b0002e;--yellow: #ffcc00;--yellow-dim: #a08000;--mono: "IBM Plex Mono", "Courier New", monospace;--sans: "IBM Plex Sans", system-ui, sans-serif;--radius: 6px;--radius-lg: 10px;--shadow: 0 2px 8px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.6)}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--sans);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--sans);font-size:14px;background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text);padding:8px 12px;width:100%;transition:border-color .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-3)}select option{background:var(--bg-3)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.status-up{color:var(--green)}.status-down{color:var(--red)}.status-degraded{color:var(--yellow)}.status-unknown{color:var(--text-3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .25s ease both}
