@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--color-bg-primary:#0d0e1a;--color-bg-secondary:#131425;--color-bg-card:#ffffff0a;--color-bg-card-hover:#ffffff12;--color-violet:#7c3aed;--color-violet-light:#9d5ff3;--color-violet-dark:#5b21b6;--color-violet-glow:#7c3aed59;--color-gold:#f59e0b;--color-gold-light:#fcd34d;--color-gold-glow:#f59e0b4d;--color-coral:#f43f5e;--color-coral-light:#fb7185;--color-coral-glow:#f43f5e4d;--color-mint:#10b981;--color-mint-light:#34d399;--color-mint-glow:#10b9814d;--color-blue:#3b82f6;--color-blue-light:#60a5fa;--color-blue-glow:#3b82f64d;--color-text-primary:#f1f1f8;--color-text-secondary:#9b9cb8;--color-text-muted:#5a5b75;--color-border:#ffffff14;--color-border-hover:#ffffff29;--gradient-violet:linear-gradient(135deg, #7c3aed 0%, #9d5ff3 100%);--gradient-gold:linear-gradient(135deg, #f59e0b 0%, #fcd34d 100%);--gradient-coral:linear-gradient(135deg, #f43f5e 0%, #fb7185 100%);--gradient-mint:linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-hero:linear-gradient(135deg, #0d0e1a 0%, #1a1240 50%, #0d0e1a 100%);--gradient-card:linear-gradient(135deg, #ffffff0f 0%, #ffffff05 100%);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-violet:0 0 32px #7c3aed40;--shadow-gold:0 0 32px #f59e0b40;--shadow-card:0 4px 24px #0000004d;--shadow-modal:0 24px 64px #0009;--nav-height:72px;--header-height:60px;--safe-bottom:env(safe-area-inset-bottom,16px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--color-bg-primary);height:100%;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,system-ui,-apple-system,sans-serif;overflow-x:hidden}#root{flex-direction:column;height:100%;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.glass{background:var(--color-bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border)}.glass-card{background:var(--gradient-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color .2s,box-shadow .2s}.glass-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card), 0 0 0 1px var(--color-border-hover)}.gradient-text{background:var(--gradient-violet);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-gold{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-violet{box-shadow:var(--shadow-violet)}.glow-gold{box-shadow:var(--shadow-gold)}.bg-animated{background:var(--color-bg-primary);position:relative;overflow:hidden}.bg-animated:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed1f 0%,#0000 70%);width:600px;height:600px;animation:20s ease-in-out infinite alternate float-orb;position:fixed;top:-40%;right:-20%}.bg-animated:after{content:"";pointer-events:none;background:radial-gradient(circle,#f43f5e14 0%,#0000 70%);width:500px;height:500px;animation:25s ease-in-out infinite alternate-reverse float-orb;position:fixed;bottom:-20%;left:-10%}@keyframes float-orb{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.05)}to{transform:translate(-20px,20px)scale(.95)}}.btn{border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--gradient-violet);color:#fff;box-shadow:0 4px 20px #7c3aed66}.btn-primary:hover{filter:brightness(1.05);box-shadow:0 6px 28px #7c3aed8c}.btn-gold{background:var(--gradient-gold);color:#1a1a1a;box-shadow:0 4px 20px #f59e0b66}.btn-ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--color-border-hover)}.btn-danger{background:var(--gradient-coral);color:#fff;box-shadow:0 4px 20px #f43f5e66}.input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);-webkit-appearance:none;background:#ffffff0d;outline:none;padding:12px 16px;font-family:Outfit,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--color-violet);box-shadow:0 0 0 3px #7c3aed26}.input::placeholder{color:var(--color-text-muted)}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-violet{color:var(--color-violet-light);background:#7c3aed26}.badge-gold{color:var(--color-gold-light);background:#f59e0b26}.badge-mint{color:var(--color-mint-light);background:#10b98126}.badge-coral{color:var(--color-coral-light);background:#f43f5e26}.badge-blue{color:var(--color-blue-light);background:#3b82f626}.progress-track{border-radius:var(--radius-full);background:#ffffff14;height:6px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:var(--gradient-violet);height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px #7c3aed4d}50%{box-shadow:0 0 28px #7c3aed99}}.animate-slide-up{animation:.3s forwards slide-up}.animate-fade-in{animation:.3s forwards fade-in}.animate-scale-in{animation:.25s cubic-bezier(.34,1.56,.64,1) forwards scale-in}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.bottom-nav{height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);z-index:100;background:#0d0e1aeb;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{cursor:pointer;color:var(--color-text-muted);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:500;transition:color .2s;display:flex}.bottom-nav-item.active{color:var(--color-violet-light)}.bottom-nav-item.active .nav-icon-wrap{background:#7c3aed26}.nav-icon-wrap{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:32px;transition:background .2s;display:flex}.page{padding:16px;padding-top:calc(var(--header-height) + 16px);padding-bottom:calc(var(--nav-height) + 16px + var(--safe-bottom));flex:1;overflow-y:auto}.overlay{-webkit-backdrop-filter:blur(4px);z-index:200;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--color-bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-top:1px solid var(--color-border);width:100%;padding:24px;padding-bottom:calc(24px + var(--safe-bottom));max-height:92vh;overflow-y:auto}.modal-center{z-index:200;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-modal);padding:28px}.avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:12px;font-size:.8rem;font-weight:700}.divider{background:var(--color-border);height:1px;margin:16px 0}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.tap-highlight{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}