:root{--bg-main: #0f172a;--bg-card: rgba(30, 41, 59, .7);--bg-card-hover: rgba(51, 65, 85, .8);--border-color: rgba(148, 163, 184, .1);--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .5);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--font-sans: "Inter", system-ui, sans-serif}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-main);background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(16,185,129,.1) 0px,transparent 50%);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-primary{background:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 0 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 25px var(--primary-glow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-card-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}