@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#0b0c10;--bg-secondary:#12141c;--bg-glass:#12141cb3;--bg-glass-hover:#1e222dd9;--primary:#6366f1;--primary-glow:#6366f126;--primary-neon:#818cf8;--accent:#d946ef;--accent-glow:#d946ef26;--success:#10b981;--success-glow:#10b98126;--warning:#f59e0b;--warning-glow:#f59e0b26;--danger:#ef4444;--danger-glow:#ef444426;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-light:#ffffff0f;--border-medium:#ffffff1f;--border-glow:#6366f14d;--font-heading:"Outfit", "Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-neon:0 8px 32px 0 #0000005e;--shadow-glow:0 0 20px var(--primary-glow)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);background-image:radial-gradient(circle at 10% 20%,#6366f10d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#d946ef0d 0%,#0000 40%);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-neon);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel-interactive:hover{border-color:var(--border-medium);background:var(--bg-glass-hover);transform:translateY(-2px);box-shadow:0 12px 40px #00000080}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700}.gradient-text{background:linear-gradient(135deg,#a5b4fc 0%,#f472b6 50%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.input-group{margin-bottom:20px;position:relative}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-field{border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);background:#ffffff08;outline:none;padding:16px;font-size:15px;transition:all .25s}.input-field:focus{border-color:var(--primary);box-shadow:var(--shadow-glow);background:#ffffff0d}.select-field{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:48px}.btn{border-radius:var(--radius-md);font-family:var(--font-heading);cursor:pointer;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:10px;padding:16px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #4f46e5 100%);color:#fff;box-shadow:0 4px 14px #6366f14d}.btn-primary:hover{box-shadow:0 6px 20px 0 #6366f173, var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{color:var(--text-primary);border-color:var(--border-light);background:#ffffff0a}.btn-secondary:hover{border-color:var(--border-medium);background:#ffffff14}.btn-success{background:linear-gradient(135deg, var(--success) 0%, #059669 100%);color:#fff;box-shadow:0 4px 14px #10b9814d}.btn-success:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98173}.btn-danger{background:linear-gradient(135deg, var(--danger) 0%, #dc2626 100%);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444473}.btn-icon-only{border-radius:var(--radius-md);border:1px solid var(--border-light);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;background:#ffffff08;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.btn-icon-only:hover{color:var(--text-primary);border-color:var(--border-medium);background:#ffffff12}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.badge-primary{color:#a5b4fc;background:#6366f126;border:1px solid #6366f133}.badge-success{color:#34d399;background:#10b98126;border:1px solid #10b98133}.badge-warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b33}.badge-danger{color:#f87171;background:#ef444426;border:1px solid #ef444433}.spinner{border:3px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.main-wrapper{flex-direction:column;gap:20px;width:100%;max-width:600px;margin:0 auto;padding:24px 16px 80px;display:flex}.bottom-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-light);z-index:1000;background:#0b0c10d9;justify-content:space-around;align-items:center;height:72px;padding:0 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0006}.bottom-nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:72px;height:100%;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.bottom-nav-item:hover,.bottom-nav-item.active{color:var(--primary-neon)}.bottom-nav-item.active svg{filter:drop-shadow(0 0 4px var(--primary-glow));transform:translateY(-2px)}.bottom-nav-item svg{transition:all .2s}