:root{--color-bg-base-start: #0f0c29;--color-bg-base-mid: #302b63;--color-bg-base-end: #24243e;--color-bg-surface: rgba(255, 255, 255, .05);--color-bg-surface-hover: rgba(255, 255, 255, .08);--color-bg-sidebar: rgba(0, 0, 0, .4);--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .18);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .6);--color-text-muted: rgba(255, 255, 255, .35);--color-accent: #a78bfa;--color-accent-glow: rgba(167, 139, 250, .2);--color-success: #34d399;--color-warning: #fb923c;--color-error: #f87171;--color-info: #60a5fa;--glass-bg: rgba(255, 255, 255, .05);--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-radius: 12px;--glass-shadow: 0 4px 24px rgba(0, 0, 0, .3);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--sidebar-width: 200px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:14px;background:linear-gradient(135deg,var(--color-bg-base-start),var(--color-bg-base-mid),var(--color-bg-base-end));color:var(--color-text-primary);min-height:100vh}.glass-card{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--glass-radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glass-shadow)}