:root{--bg-color:#0b0f19;--bg-gradient:radial-gradient(circle at top right, #1e293b 0%, #0b0f19 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-hover:#2563eb;--gold-primary:#f59e0b;--gold-hover:#d97706;--gold-glow:#f59e0b2e;--danger-color:#ef4444;--success-color:#10b981;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:0 16px 48px 0 #00000080;--font-main:"Outfit", "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem;display:flex}#root{width:100%;max-width:1200px}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:2rem}h1,h2,h3{margin-bottom:1rem;font-weight:700}h1{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;margin-bottom:2rem;font-size:2.5rem}.btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn-danger{background:var(--danger-color)}.btn-danger:hover{background:#dc2626}.btn-success{background:var(--success-color)}.btn-success:hover{background:#059669}input[type=text],input[type=email],input[type=password]{border:1px solid var(--glass-border);color:#fff;background:#00000059;border-radius:10px;outline:none;width:100%;padding:.85rem 1rem;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--gold-primary);box-shadow:0 0 0 3px var(--gold-glow);background:#00000073}.app-container{flex-direction:column;gap:2rem;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=768px){.grid-2{grid-template-columns:1fr}}.list-item{background:#ffffff05;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:1rem;transition:all .2s;display:flex}.list-item:hover{border-color:var(--glass-border);background:#ffffff0d}.positive-balance{color:var(--success-color);font-weight:700}.negative-balance{color:var(--danger-color);font-weight:700}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.auth-split-wrapper{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);min-height:580px;box-shadow:var(--glass-shadow);background:#0f172a59;border-radius:20px;width:100%;max-width:960px;margin:8vh auto;animation:.5s cubic-bezier(.16,1,.3,1) modalEnter;display:flex;overflow:hidden}.auth-brand-side{border-right:1px solid var(--glass-border);background:linear-gradient(135deg,#0f172af2 0%,#141423fa 100%);flex-direction:column;flex:1.2;justify-content:center;padding:3.5rem;display:flex;position:relative}.auth-form-side{background:#0f172a26;flex-direction:column;flex:.8;justify-content:center;padding:3.5rem;display:flex}.auth-logo-area{z-index:1;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.auth-logo-text{letter-spacing:-.025em;background:linear-gradient(135deg, #fff 0%, #cbd5e1 50%, var(--gold-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:800}.auth-tagline{color:var(--text-secondary);z-index:1;max-width:320px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.auth-features-list{z-index:1;flex-direction:column;gap:1.5rem;display:flex}.auth-feature-item{align-items:flex-start;gap:1rem;display:flex}.auth-feature-icon-box{width:2.5rem;height:2.5rem;color:var(--gold-primary);background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-feature-content h4{color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem;font-weight:600}.auth-feature-content p{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.auth-title{letter-spacing:-.02em;color:#fff;margin-bottom:.5rem;font-size:2rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-input-wrapper{width:100%;position:relative}.auth-input-wrapper input{padding-left:2.75rem!important}.auth-input-icon{pointer-events:none;color:var(--text-secondary);width:1.2rem;height:1.2rem;transition:color .2s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.auth-input-wrapper input:focus+.auth-input-icon{color:var(--gold-primary)}.auth-btn-gold{background:linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-hover) 100%);color:#0b0f19;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #f59e0b26}.auth-btn-gold:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b40}.auth-btn-gold:active:not(:disabled){transform:translateY(1px)}.auth-btn-gold:disabled{opacity:.6;cursor:not-allowed}.auth-alert{border-radius:10px;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:.85rem 1rem;font-size:.875rem;line-height:1.4;animation:.3s cubic-bezier(.16,1,.3,1) alertSlideIn;display:flex}.auth-alert-danger{color:#fca5a5;background:#ef44441f;border:1px solid #ef444440}.auth-alert-success{color:#a7f3d0;background:#10b9811f;border:1px solid #10b98140}.auth-alert-icon{flex-shrink:0;width:1.2rem;height:1.2rem;margin-top:.05rem}.auth-switch-text{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.9rem}.auth-switch-link{color:var(--gold-primary);cursor:pointer;margin-left:.25rem;font-weight:600;transition:color .2s}.auth-switch-link:hover{color:var(--gold-hover);text-decoration:underline}.auth-forgot-link-container{justify-content:flex-end;margin-top:-.5rem;margin-bottom:.25rem;display:flex}.auth-forgot-link{color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:color .2s}.auth-forgot-link:hover{color:var(--gold-primary);text-decoration:underline}@keyframes modalEnter{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.spinner{width:1.2rem;height:1.2rem;animation:1s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}@media (width<=768px){.auth-split-wrapper{flex-direction:column;max-width:460px;min-height:auto;margin:4vh auto}.auth-brand-side{border-right:none;border-bottom:1px solid var(--glass-border);padding:2.5rem 2rem}.auth-form-side{padding:2.5rem 2rem}}.badge-notify{background:var(--gold-primary);color:#0b0f19;vertical-align:middle;border-radius:9999px;justify-content:center;align-items:center;margin-left:.5rem;padding:.15rem .45rem;font-size:.7rem;font-weight:800;display:inline-flex;box-shadow:0 0 10px #f59e0b66}.friend-req-box{background:#f59e0b08;border:1px solid #f59e0b40;margin-bottom:2rem;box-shadow:0 4px 20px #f59e0b0d}.friend-req-card{border:1px solid var(--glass-border);background:#ffffff05;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.85rem 1rem;transition:all .2s;display:flex}.friend-req-card:hover{background:#ffffff0d;border-color:#f59e0b4d}.friend-req-actions{gap:.5rem;display:flex}.btn-icon{border:1px solid var(--glass-border);width:2.2rem;height:2.2rem;color:var(--text-primary);cursor:pointer;background:#ffffff05;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.btn-icon:hover{transform:translateY(-1px)}.btn-icon-success{color:var(--success-color);border-color:#10b98166}.btn-icon-success:hover{background:#10b98126;box-shadow:0 0 10px #10b98133}.btn-icon-danger{color:var(--danger-color);border-color:#ef444466}.btn-icon-danger:hover{background:#ef444426;box-shadow:0 0 10px #ef444433}.pending-tag{color:var(--text-secondary);border:1px solid var(--glass-border);letter-spacing:.025em;text-transform:uppercase;background:#ffffff0a;border-radius:6px;padding:.2rem .45rem;font-size:.7rem;font-weight:600}select option{background-color:var(--bg-color);color:var(--text-primary)}