:root{--color-primary:#38bdf8; --color-primary-hover:#0ea5e9; --color-primary-light:rgba(56,189,248,0.1); --color-primary-glow:rgba(56,189,248,0.2); --color-secondary:#818cf8; --color-accent:#38bdf8; --color-accent-gradient:linear-gradient(135deg,#38bdf8 0%,#6366f1 100%); --color-success:#34d399; --color-success-bg:rgba(52,211,153,0.12); --color-warning:#fbbf24; --color-warning-bg:rgba(251,191,36,0.12); --color-danger:#f87171; --color-danger-hover:#ef4444; --color-danger-bg:rgba(248,113,113,0.12); --color-info:#38bdf8; --bg-body:#090d16; --bg-sidebar:#0f172a; --bg-surface:#141e33; --bg-surface-elevated:#1e2942; --bg-surface-hover:#263554; --bg-overlay:rgba(9,13,22,0.82); --bg-glass:rgba(20,30,51,0.75); --text-main:#f1f5f9; --text-secondary:#94a3b8; --text-muted:#64748b; --text-inverse:#090d16; --border-color:rgba(255,255,255,0.07); --border-color-hover:rgba(255,255,255,0.15); --border-focus:#38bdf8; --font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; --font-size-xs:0.75rem; --font-size-sm:0.875rem; --font-size-base:1rem; --font-size-lg:1.125rem; --font-size-xl:1.25rem; --font-size-2xl:1.5rem; --font-size-3xl:1.875rem; --font-weight-normal:400; --font-weight-medium:500; --font-weight-semibold:600; --font-weight-bold:700; --spacing-1:0.25rem; --spacing-2:0.5rem; --spacing-3:0.75rem; --spacing-4:1rem; --spacing-5:1.25rem; --spacing-6:1.5rem; --spacing-8:2rem; --spacing-10:2.5rem; --spacing-12:3rem; --radius-sm:6px; --radius-md:10px; --radius-lg:14px; --radius-xl:20px; --radius-full:9999px; --shadow-sm:0 1px 2px rgba(0,0,0,0.2); --shadow-md:0 4px 12px rgba(0,0,0,0.25); --shadow-lg:0 12px 28px rgba(0,0,0,0.35); --shadow-xl:0 20px 45px rgba(0,0,0,0.45); --transition-fast:150ms cubic-bezier(0.4,0,0.2,1); --transition-normal:250ms cubic-bezier(0.4,0,0.2,1); --transition-slow:350ms cubic-bezier(0.4,0,0.2,1); --z-dropdown:1000; --z-sticky:1020; --z-modal-backdrop:1040; --z-modal:1050; --z-popover:1060; --z-toast:1080} *,*::before,*::after{box-sizing:border-box; margin:0; padding:0} body{font-family:var(--font-family); background-color:var(--bg-body); color:var(--text-main); line-height:1.5; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale} input,button,select,textarea{font:inherit}