:root{--bg-deep:#060a14;--bg-primary:#0a0e1a;--bg-card:#111827;--bg-card-hover:#1a2332;--border:#1e293b;--border-glow:#1e3a5f;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-fire:#ff4d00;--accent-fire-dim:#ff4d0026;--accent-cyan:#00e5ff;--accent-cyan-dim:#00e5ff1a;--accent-amber:#ffab00;--accent-amber-dim:#ffab001f;--accent-danger:#ff1744;--accent-danger-dim:#ff17441f;--accent-green:#00e676;--accent-green-dim:#00e6761a;--radius:8px;--radius-lg:12px;--radius-sm:8px;--shadow:0 4px 24px #0006;--transition:.3s cubic-bezier(.4, 0, .2, 1);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:IBM Plex Sans,system-ui,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{box-shadow:0 0 #00e67666}50%{box-shadow:0 0 0 6px #00e67600}}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}@keyframes ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes ambientDrift{0%{transform:translate(0)rotate(0)}to{transform:translate(-3%,2%)rotate(2deg)}}.compact-mode{--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:12px;--space-6:16px;--text-xs:9px;--text-sm:10px;--text-base:11px;--text-md:12px;--text-lg:14px;--text-xl:16px;--text-2xl:18px;--text-3xl:22px;--control-sm:22px;--control-md:26px;--control-lg:30px;--radius:4px;--radius-lg:6px;--radius-sm:4px;--row-height:28px;--cell-padding-y:5px;--cell-padding-x:10px;--cell-font:11px;--head-padding-y:6px;--head-padding-x:10px;--head-font:9px;--panel-header-padding:8px 12px;--panel-title-font:12px;--panel-radius:6px;--card-padding:8px 12px;--card-gap:8px;--card-value-font:18px;--card-icon-size:26px;--sidebar-width:180px;--topbar-height:48px;--topbar-padding:0 16px;--content-padding:12px;--page-header-mb:10px;--page-header-h2:16px;--page-desc-font:11px;--nav-item-padding:5px 8px;--nav-item-font:12px;--nav-item-gap:8px;--nav-section-mb:12px}