:root{--bg: #050505;--surface: rgba(255,255,255,.03);--surface-hover: rgba(255,255,255,.06);--glass: rgba(255,255,255,.04);--glass-border: rgba(255,255,255,.06);--text: #f4f4f5;--text-2: #a1a1aa;--text-3: #71717a;--text-4: #52525b;--accent: #8b5cf6;--accent-hover: #7c3aed;--accent-soft: rgba(139,92,246,.12);--green: #34d399;--green-soft: rgba(52,211,153,.12);--red: #f87171;--red-soft: rgba(248,113,113,.12);--yellow: #fbbf24;--yellow-soft: rgba(251,191,36,.12);--blue: #60a5fa;--blue-soft: rgba(96,165,250,.12);--radius: 12px;--radius-sm: 8px}#app-root{min-height:100vh;background:var(--bg)}