*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font-sans);font-size:14px}:root{--bg-app: #f8fafc;--bg-sidebar: #f1f5fb;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--border: #e2e8f0;--border-light: #f1f5f9;--accent: #1a56db;--accent-hover: #1e40af;--accent-subtle: #dbeafe;--accent-text: #1e40af;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--navbar-bg: #1a56db;--navbar-text: #ffffff;--online: #22c55e;--online-bg: #dcfce7;--online-border: #bbf7d0;--online-text: #166534;--offline-bg: #f1f5f9;--offline-border: #e2e8f0;--offline-text: #64748b;--badge-warn: #f59e0b;--badge-text: #ffffff;--danger: #e89c3f;--danger-subtle: #c42525;--danger-text: #fca5a5;--success: #4ade80;--success-subtle: #19c05e;--success-text: #4ade80;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--list: #f1f5f9;--list-text: #000000;--error-bg: #a11313;--error-text: #f1f5f9;--background-back-link: rgba(255, 255, 255, .72);--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", "Menlo", monospace;--surface: var(--bg-card);--surface-2: var(--bg-card-hover);--surface-3: #f1efe9;--ink: var(--text-primary);--ink-soft: var(--text-secondary);--ink-faint: var(--text-muted);--shadow-pop: 0 1px 2px rgba(15,15,15,.05), 0 8px 22px rgba(15,15,15,.06);--shadow-md: 0 1px 3px rgba(15,15,15,.05), 0 6px 14px rgba(15,15,15,.04);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--red: #dc2626;--red-soft: #fef2f2;--red-stroke: #fecaca;--disaster-bg: #fecaca;--disaster-border: #ef4444;--green: #16a34a;--green-soft: #dcfce7;--amber: #d97706;--amber-soft: #fef3c7;--accent-soft: #dbeafe;--border-strong: #d6d2c5;--card-border-online: rgba(22, 163, 74, .32);--card-border-critical: rgba(220, 38, 38, .36);--card-border-warning: rgba(217, 119, 6, .34);--offline-overlay-bg: rgba(240, 242, 248, .55)}:root.dark{--bg-app: #141519;--bg-sidebar: #0f1014;--bg-card: #1c1d25;--bg-card-hover: #23242e;--border: #38394c;--border-light: #282938;--accent: #60a5fa;--accent-hover: #93c5fd;--accent-subtle: rgba(96,165,250,.13);--accent-text: #93c5fd;--accent-soft: rgba(96,165,250,.13);--text-primary: #dddde8;--text-secondary: #b8b8cc;--text-muted: #8686a0;--navbar-bg: #1c1e2c;--navbar-text: #dddde8;--online: #4ade80;--online-bg: rgba(74,222,128,.08);--online-border: rgba(74,222,128,.24);--online-text: #4ade80;--offline-bg: #1c1d25;--offline-border: #38394c;--offline-text: #9898aa;--badge-warn: #fbbf24;--badge-text: #0c0d12;--danger: #f87171;--danger-subtle: #ef4444;--danger-text: #fca5a5;--success: #4ade80;--success-subtle: #22c55e;--success-text: #4ade80;--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow-md: 0 1px 3px rgba(0,0,0,.5), 0 8px 18px rgba(0,0,0,.38);--shadow-pop: 0 1px 3px rgba(0,0,0,.6), 0 12px 28px rgba(0,0,0,.48);--list: #1c1d25;--list-text: #dddde8;--error-bg: #7f1d1d;--error-text: #fecaca;--background-back-link: rgba(255,255,255,.09);--surface-3: #23242e;--border-strong: #4a4b60;--red: #f87171;--red-soft: rgba(248,113,113,.12);--red-stroke: rgba(248,113,113,.36);--green: #4ade80;--green-soft: rgba(74,222,128,.12);--amber: #fbbf24;--amber-soft: rgba(251,191,36,.12);--disaster-bg: rgba(239, 68, 68, .26);--disaster-border: rgba(239, 68, 68, .65);--card-border-online: rgba(74, 222, 128, .36);--card-border-critical: rgba(248, 113, 113, .42);--card-border-warning: rgba(251, 191, 36, .38);--offline-overlay-bg: rgba(10, 11, 16, .52)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}body{background:var(--bg-app);color:var(--text-primary)}