@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--bg-app:#020617;--bg-sidebar:#0f172a;--bg-card:#1e293b99;--bg-hover:#33415566;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#6366f1;--accent-gradient:linear-gradient(135deg, #6366f1, #a855f7, #ec4899);--accent-hover:#4f46e5;--border-light:#ffffff14;--border-strong:#ffffff26;--success:#10b981;--danger:#f43f5e;--warning:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif}.btn-primary{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-family:Outfit,sans-serif;font-size:.9375rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #6366f163}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-family:Outfit,sans-serif;font-size:.9375rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-hover);border-color:#ffffff40}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:20px;padding:28px;transition:transform .3s,border-color .3s,box-shadow .3s;box-shadow:0 8px 32px #0003}.card:hover{border-color:var(--border-strong);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}input{border:1px solid var(--border-strong);color:var(--text-primary);background-color:#0f172a99;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.9375rem;transition:all .2s}input:focus{border-color:var(--accent);background-color:#0f172ae6;box-shadow:0 0 0 3px #6366f133}.glass-panel{-webkit-backdrop-filter:blur(24px);background:#0f172aa6;border:1px solid #ffffff14;border-radius:24px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}