:root{--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 48px;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.6;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-xs: 6px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 30px;--radius-pill: 999px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--status-healthy: #22c55e;--status-warning: #f59e0b;--status-critical: #ef4444;--status-offline: #64748b;--status-unknown: #8b5cf6;--accent-primary: linear-gradient(135deg, #3b82f6, #6366f1);--accent-blue: #3b82f6;--accent-indigo: #6366f1;--accent-glow: 0 0 20px rgba(59, 130, 246, .25);--sidebar-width: 240px;--sidebar-collapsed: 48px;--tabbar-height: 64px;--content-max-width: 1200px}:root,[data-theme=dark]{--bg-deep: #050a14;--bg-mesh-1: radial-gradient(ellipse at 20% 50%, rgba(59,130,246,.08), transparent 50%);--bg-mesh-2: radial-gradient(ellipse at 80% 20%, rgba(139,92,246,.06), transparent 50%);--glass-surface: rgba(255, 255, 255, .03);--glass-card: rgba(255, 255, 255, .05);--glass-elevated: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .14);--glass-glow: 0 0 0 1px rgba(255,255,255,.06), 0 8px 32px rgba(0,0,0,.3);--blur-surface: blur(40px) saturate(1.5);--blur-card: blur(20px) saturate(1.3);--blur-elevated: blur(30px) saturate(1.6);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .55);--text-tertiary: rgba(255, 255, 255, .35);--tg-header-color: #0f172a;--tg-bg-color: #050a14;color-scheme:dark}[data-theme=light]{--bg-deep: #f0f4f8;--bg-mesh-1: radial-gradient(ellipse at 30% 40%, rgba(59,130,246,.06), transparent 50%);--bg-mesh-2: none;--glass-surface: rgba(255, 255, 255, .6);--glass-card: rgba(255, 255, 255, .7);--glass-elevated: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .06);--glass-border-hover: rgba(0, 0, 0, .12);--glass-glow: 0 0 0 1px rgba(0,0,0,.04), 0 4px 24px rgba(0,0,0,.06);--blur-surface: blur(40px) saturate(1.2);--blur-card: blur(20px) saturate(1.1);--blur-elevated: blur(30px) saturate(1.3);--text-primary: rgba(0, 0, 0, .88);--text-secondary: rgba(0, 0, 0, .5);--text-tertiary: rgba(0, 0, 0, .3);--tg-header-color: #ffffff;--tg-bg-color: #f0f4f8;color-scheme:light}@media (prefers-color-scheme: light){[data-theme=system]{--bg-deep: #f0f4f8;--bg-mesh-1: radial-gradient(ellipse at 30% 40%, rgba(59,130,246,.06), transparent 50%);--bg-mesh-2: none;--glass-surface: rgba(255, 255, 255, .6);--glass-card: rgba(255, 255, 255, .7);--glass-elevated: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .06);--glass-border-hover: rgba(0, 0, 0, .12);--glass-glow: 0 0 0 1px rgba(0,0,0,.04), 0 4px 24px rgba(0,0,0,.06);--blur-surface: blur(40px) saturate(1.2);--blur-card: blur(20px) saturate(1.1);--blur-elevated: blur(30px) saturate(1.3);--text-primary: rgba(0, 0, 0, .88);--text-secondary: rgba(0, 0, 0, .5);--text-tertiary: rgba(0, 0, 0, .3);--tg-header-color: #ffffff;--tg-bg-color: #f0f4f8;color-scheme:light}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border-hover);border-radius:var(--radius-pill)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}