.landing-page,body{overflow-x:hidden}.landing-page{min-height:100vh;background:#ffffff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.8);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:all .3s ease}.landing-nav.scrolled{background:rgba(255,255,255,.95);border-bottom-color:rgba(22,163,74,.1);box-shadow:0 4px 20px rgba(0,0,0,.05)}.landing-nav.menu-open{background:#ffffff!important;backdrop-filter:none!important}.landing-nav-container{max-width:1280px;margin:0 auto;padding:0 2rem}.landing-nav-content{display:flex;align-items:center;justify-content:space-between;height:80px}.landing-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:transform .3s ease}.landing-logo:hover{transform:scale(1.05)}.landing-logo-icon{width:42px;height:42px;background:linear-gradient(135deg,#16A34A,#22C55E);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(22,163,74,.3);position:relative;overflow:hidden}.landing-logo-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.2))}.landing-logo-inner{color:white;font-size:1.5rem;font-weight:800;position:relative;z-index:1}.landing-logo-text{font-size:1.5rem;font-weight:800;color:#1F2937;letter-spacing:-.02em}.landing-nav-links{display:flex;align-items:center;gap:2rem}.landing-nav-link{font-size:.9375rem;font-weight:600;color:#64748b;text-decoration:none;transition:color .3s ease}.landing-nav-link:hover{color:#16A34A}.landing-menu-btn{display:none;background:none;border:none;color:#1F2937;cursor:pointer;padding:.5rem;z-index:101}.landing-mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:white;z-index:99;display:flex;flex-direction:column;padding:100px 2rem 2rem;transform:translateY(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);opacity:0;visibility:hidden}.landing-mobile-menu.active{transform:translateY(0);opacity:1;visibility:visible}.landing-mobile-menu-content{display:flex;flex-direction:column;gap:1.5rem}.landing-mobile-link{font-size:1.25rem;font-weight:600;color:#1F2937;text-decoration:none;padding:1rem 0;border-bottom:1px solid #f3f4f6}.landing-mobile-btn{display:flex;justify-content:center;gap:.75rem;padding:1.25rem;font-size:1.125rem;font-weight:700;border-radius:16px;margin-top:1rem}.landing-btn-primary,.landing-mobile-btn{align-items:center;background:linear-gradient(135deg,#16A34A,#22C55E);color:white;text-decoration:none}.landing-btn-primary{display:inline-flex;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:12px;transition:all .3s ease;box-shadow:0 4px 12px rgba(22,163,74,.3)}.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(22,163,74,.4)}.landing-btn-hero{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background:linear-gradient(135deg,#16A34A,#22C55E);color:white;font-size:1.125rem;font-weight:700;border-radius:16px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px rgba(22,163,74,.35);position:relative;overflow:hidden}.landing-btn-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.2));opacity:0;transition:opacity .4s ease}.landing-btn-hero:hover:before{opacity:1}.landing-btn-hero:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px rgba(22,163,74,.45)}.landing-btn-secondary{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background:white;color:#1F2937;font-size:1.125rem;font-weight:700;border-radius:16px;text-decoration:none;border:2px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(0,0,0,.05)}.landing-btn-secondary:hover{transform:translateY(-4px);border-color:#16A34A;box-shadow:0 12px 24px rgba(0,0,0,.1)}.landing-btn-cta{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background:white;color:#16A34A;font-size:1.125rem;font-weight:700;border-radius:16px;text-decoration:none;transition:all .4s ease;box-shadow:0 8px 24px rgba(0,0,0,.15)}.landing-btn-cta:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.2)}.landing-btn-cta-secondary{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background:transparent;color:white;font-size:1.125rem;font-weight:700;border-radius:16px;text-decoration:none;border:2px solid rgba(255,255,255,.3);transition:all .4s ease}.landing-btn-cta-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}.landing-icon-xs{width:14px;height:14px}.landing-icon-sm{width:18px;height:18px}.landing-icon-md{width:24px;height:24px}.landing-container{max-width:1280px;margin:0 auto;padding:0 2rem}.landing-hero{position:relative;padding:200px 0 120px;overflow:hidden}.landing-hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0}.landing-hero-gradient{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s ease-in-out infinite}.landing-hero-gradient-1{width:600px;height:600px;background:linear-gradient(135deg,#16A34A,#22C55E);top:-200px;left:-100px;animation-delay:0s}.landing-hero-gradient-2{width:500px;height:500px;background:linear-gradient(135deg,#22C55E,#4ADE80);top:100px;right:-150px;animation-delay:5s}.landing-hero-gradient-3{width:400px;height:400px;background:linear-gradient(135deg,#4ADE80,#86EFAC);bottom:-100px;left:50%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.1)}50%{transform:translate(-15px,15px) scale(.9)}75%{transform:translate(15px,10px) scale(1.05)}}.landing-hero-content{position:relative;z-index:10;text-align:center;max-width:900px;margin:0 auto}.landing-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(255,255,255,.9);border:1px solid rgba(22,163,74,.2);border-radius:100px;font-size:.875rem;font-weight:600;color:#16A34A;margin-bottom:2rem;box-shadow:0 4px 12px rgba(0,0,0,.05);animation:fadeInUp .8s ease-out}.landing-hero-title{font-size:4.5rem;font-weight:900;line-height:1.1;color:#1F2937;margin-bottom:1.5rem;letter-spacing:-.03em;animation:fadeInUp .8s ease-out .2s backwards}.landing-gradient-text{background:linear-gradient(135deg,#16A34A,#22C55E 50%,#4ADE80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 5s ease infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.landing-hero-subtitle{font-size:1.375rem;line-height:1.7;color:#64748b;max-width:700px;margin:0 auto 3rem;animation:fadeInUp .8s ease-out .4s backwards}.landing-hero-cta{gap:1.5rem;margin-bottom:4rem;flex-wrap:wrap;animation:fadeInUp .8s ease-out .6s backwards}.landing-hero-cta,.landing-hero-stats{display:flex;align-items:center;justify-content:center}.landing-hero-stats{gap:3rem;padding:2.5rem;background:rgba(255,255,255,.9);border-radius:24px;box-shadow:0 8px 24px rgba(0,0,0,.08);backdrop-filter:blur(20px);border:1px solid rgba(22,163,74,.1);animation:fadeInUp .8s ease-out .8s backwards}.landing-stat-item{text-align:center}.landing-stat-value{font-size:2.5rem;font-weight:900;color:#16A34A;letter-spacing:-.02em}.landing-stat-label{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.landing-stat-divider{width:1px;height:40px;background:linear-gradient(180deg,transparent,#e2e8f0,transparent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.landing-features{padding:120px 0;background:#F9FAFB}.landing-section-header{text-align:center;margin-bottom:4rem}.landing-section-title{font-size:3rem;font-weight:900;color:#1F2937;margin-bottom:1rem;letter-spacing:-.02em}.landing-section-subtitle{font-size:1.25rem;color:#64748b;max-width:600px;margin:0 auto}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.landing-feature-card{background:white;padding:2.5rem;border-radius:24px;border:1px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(0,0,0,.03)}.landing-feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:#16A34A}.landing-feature-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .4s ease}.landing-feature-card:hover .landing-feature-icon{transform:scale(1.1) rotate(5deg)}.landing-icon-green{background:linear-gradient(135deg,#DCFCE7,#BBF7D0);color:#16A34A}.landing-icon-blue{background:linear-gradient(135deg,#DBEAFE,#BFDBFE);color:#2563EB}.landing-icon-purple{background:linear-gradient(135deg,#F3E8FF,#E9D5FF);color:#9333EA}.landing-icon-orange{background:linear-gradient(135deg,#FEF3C7,#FDE68A);color:#F59E0B}.landing-icon-teal{background:linear-gradient(135deg,#CCFBF1,#99F6E4);color:#14B8A6}.landing-icon-pink{background:linear-gradient(135deg,#FCE7F3,#FBCFE8);color:#EC4899}.landing-feature-title{font-size:1.5rem;font-weight:700;color:#1F2937;margin-bottom:1rem}.landing-feature-description{font-size:1rem;line-height:1.7;color:#64748b;margin-bottom:1.5rem}.landing-feature-list{list-style:none;padding:0;margin:0}.landing-feature-list li{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:#1F2937;padding:.5rem 0;font-weight:500}.landing-feature-list li svg{color:#16A34A;flex-shrink:0}.landing-stats-section{padding:100px 0;background:linear-gradient(135deg,#16A34A,#22C55E);position:relative;overflow:hidden}.landing-stats-section:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.landing-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;position:relative;z-index:1}.landing-stats-card{text-align:center;padding:2rem;background:rgba(255,255,255,.1);border-radius:20px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);transition:all .4s ease}.landing-stats-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.15);box-shadow:0 12px 32px rgba(0,0,0,.2)}.landing-stats-icon{width:64px;height:64px;background:rgba(255,255,255,.2);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:white}.landing-stats-value{font-size:3rem;font-weight:900;color:white;margin-bottom:.5rem;letter-spacing:-.02em}.landing-stats-label{font-size:1rem;font-weight:600;color:rgba(255,255,255,.9);text-transform:uppercase;letter-spacing:.05em}.landing-how-it-works{padding:120px 0;background:white}.landing-steps{justify-content:space-between;max-width:1100px;margin:0 auto;gap:2rem}.landing-step,.landing-steps{display:flex;align-items:center}.landing-step{flex:1;position:relative;flex-direction:column;text-align:center}.landing-step-number{width:64px;height:64px;background:linear-gradient(135deg,#16A34A,#22C55E);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:900;color:white;margin-bottom:1.5rem;box-shadow:0 8px 24px rgba(22,163,74,.35);transition:all .4s ease}.landing-step:hover .landing-step-number{transform:scale(1.15)}.landing-step-content{margin-bottom:1.5rem}.landing-step-title{font-size:1.5rem;font-weight:700;color:#1F2937;margin-bottom:.75rem}.landing-step-description{font-size:1rem;line-height:1.7;color:#64748b}.landing-step-icon{width:56px;height:56px;background:#F9FAFB;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#16A34A;transition:all .4s ease}.landing-step:hover .landing-step-icon{background:#DCFCE7;transform:scale(1.1)}.landing-step-connector{width:100px;height:2px;background:linear-gradient(90deg,#16A34A,#22C55E);margin:-120px 1rem 0;position:relative}.landing-step-connector:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;height:0;border-left:8px solid #22c55e;border-top:6px solid transparent;border-bottom:6px solid transparent}.landing-trust{padding:80px 0;background:#F9FAFB}.landing-trust-content{text-align:center}.landing-trust-title{font-size:2.5rem;font-weight:900;color:#1F2937;margin-bottom:3rem}.landing-trust-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.landing-trust-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:white;border-radius:16px;border:1px solid #e2e8f0;transition:all .3s ease}.landing-trust-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.landing-trust-item svg{color:#16A34A;flex-shrink:0}.landing-trust-item h4{font-size:1rem;font-weight:700;color:#1F2937;margin-bottom:.25rem}.landing-trust-item p{font-size:.875rem;color:#64748b}.landing-cta{padding:120px 0;background:white}.landing-cta-card{position:relative;padding:80px 60px;background:linear-gradient(135deg,#16A34A,#22C55E);border-radius:32px;overflow:hidden;box-shadow:0 20px 60px rgba(22,163,74,.3)}.landing-cta-bg{position:absolute;inset:0;overflow:hidden}.landing-cta-gradient{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3}.landing-cta-gradient-1{width:400px;height:400px;background:#4ADE80;top:-100px;right:-100px}.landing-cta-gradient-2{width:300px;height:300px;background:#86EFAC;bottom:-50px;left:-50px}.landing-cta-content{position:relative;z-index:10;text-align:center}.landing-cta-title{font-size:3.5rem;font-weight:900;color:white;margin-bottom:1rem;letter-spacing:-.02em}.landing-cta-subtitle{font-size:1.25rem;color:rgba(255,255,255,.9);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.landing-cta-buttons{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.landing-footer{padding:60px 0 30px;background:#1F2937;color:white}.landing-footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3rem;margin-bottom:3rem}.landing-footer-brand{max-width:300px}.landing-footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.landing-footer-tagline{font-size:.9375rem;color:rgba(255,255,255,.7);line-height:1.6}.landing-footer-section h4{font-size:.9375rem;font-weight:700;color:white;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.landing-footer-section a{display:block;font-size:.9375rem;color:rgba(255,255,255,.7);text-decoration:none;margin-bottom:.75rem;transition:color .3s ease}.landing-footer-section a:hover{color:#22C55E}.landing-footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.landing-footer-bottom p{font-size:.875rem;color:rgba(255,255,255,.6)}.landing-footer-social{display:flex;gap:1.5rem}.landing-footer-social a{font-size:.875rem;color:rgba(255,255,255,.6);text-decoration:none;transition:color .3s ease}.landing-footer-social a:hover{color:#22C55E}@media (max-width:1024px){.landing-nav-container{padding:0 1.5rem}.landing-hero-title{font-size:3.5rem}.landing-features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.landing-steps{flex-direction:column;gap:3rem}.landing-step-connector{display:none}}@media (max-width:768px){.landing-nav-content{height:70px}.landing-logo-icon{width:36px;height:36px;border-radius:10px}.landing-logo-inner,.landing-logo-text{font-size:1.25rem}.desktop-only{display:none!important}.landing-menu-btn{display:block}.landing-hero{padding:140px 0 80px}.landing-hero-title{font-size:2.5rem}.landing-hero-subtitle{font-size:1.125rem}.landing-hero-cta{flex-direction:column;width:100%}.landing-btn-hero,.landing-btn-secondary{width:100%}.landing-hero-stats{flex-direction:column;gap:1.5rem}.landing-stat-divider{width:100%;height:1px}.landing-section-title{font-size:2rem}.landing-features-grid,.landing-stats-grid{grid-template-columns:1fr}.landing-cta-title{font-size:2.5rem}.landing-cta-card{padding:60px 30px}.landing-footer-content{flex-direction:column;gap:2rem}.landing-footer-bottom{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:480px){.landing-container{padding:0 1rem}.landing-logo-text{display:none}.landing-hero-title{font-size:2rem}.landing-section-title{font-size:1.75rem}.landing-cta-title{font-size:2rem}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.auth-wrapper{width:100%;max-width:28rem}.auth-brand{text-align:center;margin-bottom:2rem}.auth-brand-icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:#14532d;border-radius:var(--radius-2xl);margin-bottom:1rem;box-shadow:var(--shadow-lg)}.auth-brand-icon svg{width:2rem;height:2rem;color:white}.auth-brand h1{font-size:1.875rem;font-weight:700;color:var(--text-heading);margin-bottom:.5rem}.auth-brand p{color:var(--text-secondary)}.auth-card{background:white;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:2rem;border:1px solid var(--border)}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-form-row{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:480px){.auth-form-row{grid-template-columns:repeat(2,1fr)}}.auth-options{display:flex;align-items:center;justify-content:space-between}.auth-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer}.auth-checkbox{width:1rem;height:1rem;accent-color:var(--primary-dark);cursor:pointer}.auth-forgot-link{font-size:.875rem;font-weight:500;color:var(--primary-dark)}.auth-forgot-link:hover{color:var(--primary-hover)}.auth-submit-btn{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:white;background:#14532d;border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-lg);transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-submit-btn:hover:not(:disabled){background:#166534;transform:scale(1.02)}.auth-submit-btn:active:not(:disabled){transform:scale(.98)}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-submit-btn:focus{outline:none;box-shadow:0 0 0 4px rgba(20,83,45,.3)}.auth-submit-btn .btn-loading{display:flex;align-items:center;justify-content:center;gap:.75rem}.auth-submit-btn .spinner{margin-left:-.25rem}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.875rem;color:var(--text-secondary)}.auth-footer a{font-weight:600;color:var(--primary-dark)}.auth-footer a:hover{color:var(--primary-hover)}.auth-security-note{text-align:center;margin-top:1.5rem;font-size:.875rem;color:var(--text-muted)}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.auth-divider-line{flex:1;height:1px;background:var(--border)}.auth-divider-text{font-size:.875rem;color:var(--text-muted)}.auth-social-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;color:var(--text-primary);background:white;border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition)}.auth-social-btn:hover{background:var(--bg-subtle);border-color:var(--border-hover)}.phone-input-container{display:flex;gap:.5rem}.phone-country-code{width:5rem;flex-shrink:0}.phone-number-input{flex:1}.password-strength{margin-top:.5rem}.password-strength-bars{display:flex;gap:.25rem;margin-bottom:.25rem}.password-strength-bar{flex:1;height:4px;background:var(--border);border-radius:var(--radius-full);transition:background .2s ease}.password-strength-bar.weak{background:var(--error)}.password-strength-bar.medium{background:var(--warning)}.password-strength-bar.strong{background:var(--success)}.password-strength-text{font-size:.75rem;color:var(--text-secondary)}.verification-code-container{display:flex;gap:.75rem;justify-content:center}.verification-code-input{width:3rem;height:3rem;text-align:center;font-size:1.25rem;font-weight:600;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition)}.verification-code-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(22,163,74,.15);outline:none}.verification-timer{text-align:center;margin-top:1.5rem;font-size:.875rem;color:var(--text-secondary)}.verification-resend{margin-top:.5rem}.verification-resend-btn{background:none;border:none;font-size:.875rem;font-weight:600;color:var(--primary-dark);cursor:pointer;transition:var(--transition)}.verification-resend-btn:hover:not(:disabled){color:var(--primary-hover)}.verification-resend-btn:disabled{color:var(--text-muted);cursor:not-allowed}.step-progress-bar{height:6px;background:var(--border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:1rem}.step-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:var(--radius-full);transition:width .3s ease}.step-indicators{display:flex;justify-content:space-between;padding:0 1rem}.step-indicator{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;background:var(--bg-subtle);color:var(--text-muted);border:2px solid var(--border);transition:all .3s ease}.step-indicator.active{background:var(--primary);color:white;border-color:var(--primary);box-shadow:0 0 0 4px rgba(22,163,74,.2)}.step-indicator.complete{background:var(--success);color:white;border-color:var(--success)}.auth-form-buttons{display:flex;gap:1rem;margin-top:1.5rem}.password-hint{font-size:.875rem;color:var(--text-secondary);background:#dbeafe;border:1px solid #bfdbfe;padding:.75rem;border-radius:var(--radius-lg);margin-top:.5rem}@media (max-width:640px){.auth-container{padding:0;background:white;align-items:flex-start}.auth-wrapper{max-width:100%;min-height:100vh;display:flex;flex-direction:column}.auth-card{border-radius:0;border:none;box-shadow:none;padding:1.5rem;flex:1;display:flex;flex-direction:column}.auth-brand{padding-top:2rem;margin-bottom:1.5rem}.auth-brand-icon{width:3.5rem;height:3.5rem}.auth-brand h1{font-size:1.5rem}.auth-form{gap:1.25rem}.auth-submit-btn{padding:1rem;font-size:1.125rem;margin-top:1rem}.auth-footer{margin-top:auto;padding:2rem 1.5rem;background:#f8fafc;border-top:1px solid #f1f5f9}.bg-green-50{background-color:white!important}.rounded-3xl{border-radius:0!important}.shadow-xl{box-shadow:none!important}.border-gray-100{border:none!important}.p-8{padding:1.5rem!important}.p-4{padding:0!important}.min-h-screen.flex.items-center.justify-center{align-items:flex-start!important}input{font-size:16px!important}}.dashboard-container{min-height:100vh;background:var(--bg-page);display:flex}.dashboard-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}@media (min-width:1024px){.dashboard-main{margin-left:16rem}}.dashboard-header{width:100%;display:flex;align-items:center;justify-content:space-between;height:4rem;padding:0 1rem;background:white;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);position:sticky;top:0;z-index:30}.dashboard-header-left{display:flex;align-items:center;gap:1rem}.dashboard-header-title{font-size:1.25rem;font-weight:700;color:var(--text-heading);display:none}@media (min-width:768px){.dashboard-header-title{display:block}}.menu-toggle-btn{padding:.5rem;background:none;border:none;color:var(--text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition)}.menu-toggle-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}@media (min-width:1024px){.menu-toggle-btn{display:none}}.dashboard-header-right{display:flex;align-items:center;gap:1rem}.notification-btn{position:relative;padding:.5rem;background:none;border:none;color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition)}.notification-btn:hover{color:var(--text-secondary);background:var(--bg-subtle)}.notification-dot{position:absolute;top:.5rem;right:.5rem;width:.5rem;height:.5rem;background:var(--error);border-radius:50%;border:2px solid white}.profile-dropdown{position:relative}.profile-btn{display:flex;align-items:center;gap:.75rem;padding:.25rem .5rem;background:none;border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition)}.profile-btn:hover{background:var(--bg-subtle);border-color:var(--border)}.profile-avatar{font-weight:600;font-size:.875rem;box-shadow:0 2px 8px rgba(22,163,74,.2)}.profile-info{display:none;text-align:left}@media (min-width:768px){.profile-info{display:block}}.profile-name{font-size:.875rem;font-weight:600;line-height:1.2}.profile-email{font-size:.75rem;color:var(--text-secondary);line-height:1.2;margin-top:.125rem}.profile-chevron{color:var(--text-muted)}.profile-menu{position:absolute;right:0;top:100%;margin-top:.5rem;width:14rem;background:white;border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-xl);padding:.5rem 0;z-index:50;animation:fadeIn .2s ease-out}.profile-menu-header{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.profile-menu-header .profile-name{font-size:.875rem;font-weight:600;color:var(--text-heading)}.profile-menu-header .profile-email{font-size:.75rem;color:var(--text-secondary)}.profile-menu-logout{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem 1rem;background:none;border:none;font-size:.875rem;color:var(--error);cursor:pointer;transition:var(--transition)}.profile-menu-logout:hover{background:var(--error-bg)}.dashboard-content{flex:1;max-width:80rem;margin:0 auto;width:100%;padding:1.5rem;overflow:auto}@media (min-width:1024px){.dashboard-content{padding:2rem}}.page-container{gap:1.5rem;max-width:100%}.page-container,.page-header-main{display:flex;flex-direction:column}.page-header-main{gap:.5rem;margin-bottom:2rem}@media (min-width:640px){.page-header-main{flex-direction:row;align-items:flex-start;justify-content:space-between}}.page-header{margin-bottom:2rem}.page-title{font-size:1.875rem;font-weight:800;color:var(--text-heading);letter-spacing:-.025em;margin-bottom:.5rem}@media (min-width:1024px){.page-title{font-size:2.5rem}}.page-subtitle{font-size:1rem;color:var(--text-secondary)}.stats-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.alert-banner{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:var(--radius-xl);margin-top:1rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}@media (min-width:640px){.alert-banner{flex-direction:row;align-items:center;justify-content:space-between}}.alert-banner.warning{background:var(--warning-bg);border:1px solid #fed7aa}.alert-banner-content{display:flex;align-items:center;gap:.75rem}.alert-banner-icon{padding:.5rem;border-radius:var(--radius-lg)}.alert-banner.warning .alert-banner-icon{background:#fed7aa;color:#c2410c}.alert-banner-text h4{font-size:.875rem;font-weight:700;color:#9a3412}.alert-banner-text p{font-size:.875rem;color:#c2410c}.alert-banner-action{display:inline-block;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition);white-space:nowrap}.alert-banner.warning .alert-banner-action{background:#fed7aa;color:#c2410c}.alert-banner.warning .alert-banner-action:hover{background:#fdba74}.two-column-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:1024px){.two-column-grid{grid-template-columns:repeat(2,1fr)}}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;margin:-.5rem;border-radius:var(--radius-lg);transition:var(--transition)}.activity-item:hover{background:var(--bg-subtle)}.activity-item-left{display:flex;align-items:center;gap:.75rem}.activity-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:white;box-shadow:var(--shadow-md)}.activity-icon svg{width:1.25rem;height:1.25rem}.activity-info h4{font-size:.875rem;font-weight:600;color:var(--text-heading)}.activity-info p{font-size:.75rem;color:var(--text-secondary)}.quick-stats-list{display:flex;flex-direction:column;gap:1.25rem}.quick-stat-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;margin:-.5rem;border-radius:var(--radius-lg);transition:var(--transition)}.quick-stat-item:hover{background:var(--bg-subtle)}.quick-stat-label{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.quick-stat-value{font-size:1.125rem;font-weight:700;padding:.25rem .75rem;border-radius:var(--radius-lg)}.quick-stat-value.success{color:var(--success);background:var(--success-bg)}.quick-stat-value.neutral{color:var(--text-heading);background:var(--bg-subtle)}.progress-bar-container{display:flex;align-items:center;gap:.75rem}.progress-bar{width:8rem;height:.625rem;background:var(--bg-subtle);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(to right,var(--primary),var(--primary-light));border-radius:var(--radius-full);transition:width .3s ease}.progress-value{font-size:.875rem;font-weight:700;color:var(--text-heading);min-width:3rem;text-align:right}.header-welcome{display:flex;flex-direction:column}.header-welcome-title{font-size:1rem;font-weight:700;color:var(--text-heading)}@media (min-width:1024px){.header-welcome-title{font-size:1.25rem}}.hidden-mobile{display:none}@media (min-width:640px){.hidden-mobile{display:inline}}.header-welcome-date{font-size:.75rem;color:var(--text-secondary);margin-top:.125rem;display:none}@media (min-width:768px){.header-welcome-date{display:block}}@media (min-width:1024px){.dashboard-header{height:5rem;padding:0 2rem}}.profile-avatar{width:2rem;height:2rem;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:.8125rem;box-shadow:0 4px 12px rgba(22,163,74,.3),0 0 0 2px rgba(22,163,74,.3)}@media (min-width:1024px){.profile-avatar{width:2.5rem;height:2.5rem;font-size:.875rem}}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.animate-slide-in{animation:slideIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.overview-container{max-width:1400px;margin:0 auto}.overview-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);transition:var(--transition)}.overview-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.metric-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.25rem;transition:var(--transition)}.metric-card:hover{box-shadow:var(--shadow-md)}.metric-icon{width:40px;height:40px;background:var(--bg-subtle);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.metric-value{font-size:1.75rem;font-weight:600;color:var(--text-heading);line-height:1.2;letter-spacing:-.02em}.metric-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.metric-change{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-md)}.metric-change.positive{background:var(--success-bg);color:var(--success)}.metric-change.negative{background:var(--error-bg);color:var(--error)}.balance-chart{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.chart-title{font-size:1.125rem;font-weight:600;color:var(--text-heading)}.chart-subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.timeframe-toggle{display:flex;background:var(--bg-subtle);border-radius:var(--radius-md);padding:.25rem;gap:.25rem}.timeframe-button{padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.timeframe-button.active,.timeframe-button:hover{color:var(--text-heading)}.timeframe-button.active{background:var(--bg-surface);box-shadow:var(--shadow-sm)}.progress-bar-container{height:8px;background:var(--bg-subtle);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-bar.green{background:linear-gradient(90deg,var(--primary-light) 0,var(--primary) 100%)}.progress-bar.amber{background:linear-gradient(90deg,#f59e0b,#d97706)}.transaction-list{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.transaction-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.transaction-item{padding:1rem 1.5rem;border-bottom:1px solid var(--bg-subtle);transition:var(--transition)}.transaction-item:hover{background:var(--bg-subtle)}.transaction-item:last-child{border-bottom:none}.transaction-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.transaction-icon.credit{background:var(--success-bg);color:var(--success)}.transaction-icon.debit{background:var(--bg-subtle);color:var(--text-secondary)}.transaction-amount{font-size:.875rem;font-weight:600}.transaction-amount.credit{color:var(--success)}.transaction-amount.debit{color:var(--text-heading)}.quick-action{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-lg);transition:var(--transition);cursor:pointer;text-decoration:none}.quick-action:hover{background:var(--bg-subtle)}.quick-action-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.quick-action:hover .quick-action-icon{transform:scale(1.05)}.quick-action-icon.blue{background:#eff6ff;color:#2563eb}.quick-action-icon.purple{background:#f5f3ff;color:#7c3aed}.quick-action-icon.amber{background:var(--warning-bg);color:var(--warning)}.quick-action:hover .quick-action-icon.blue{background:#dbeafe}.quick-action:hover .quick-action-icon.purple{background:#ede9fe}.quick-action:hover .quick-action-icon.amber{background:#fef3c7}.btn-primary{padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:#ffffff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{transform:scale(.98)}.btn-secondary{padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.btn-secondary:hover{border-color:var(--border-hover)}.btn-secondary:active{transform:scale(.98)}.status-card{background:linear-gradient(135deg,var(--success-bg) 0,#d1fae5 100%);border:1px solid #a7f3d0;border-radius:var(--radius-xl);padding:1.5rem}.status-icon{width:40px;height:40px;background:var(--primary);color:#ffffff;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.status-progress{height:8px;background:#bbf7d0;border-radius:var(--radius-full);overflow:hidden;margin-top:.5rem}.status-progress-bar{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1)}.text-heading{font-size:1.5rem;letter-spacing:-.02em}.text-heading,.text-subheading{font-weight:600;color:var(--text-heading)}.text-subheading{font-size:1.125rem}.text-body{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.text-caption{font-size:.75rem;color:var(--text-muted)}.loading-spinner{width:48px;height:48px;position:relative}.loading-spinner-track{width:100%;height:100%;border:4px solid var(--border);border-radius:50%}.loading-spinner-spin{width:100%;height:100%;border:4px solid var(--primary);border-top:4px solid transparent;border-radius:50%;animation:spin .8s linear infinite;position:absolute;top:0;left:0}.empty-state{text-align:center;padding:3rem 1.5rem}.empty-state-icon{width:48px;height:48px;background:var(--bg-subtle);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.empty-state-title{font-size:.875rem;font-weight:600;color:var(--text-heading);margin-bottom:.25rem}.empty-state-description{font-size:.75rem;color:var(--text-secondary)}@media (max-width:1024px){.overview-container{padding:0 1rem}}@media (max-width:768px){.metric-value{font-size:1.5rem}.chart-header{flex-direction:column;align-items:flex-start;gap:1rem}.timeframe-toggle{width:100%;justify-content:space-between}.transaction-item{padding:1rem}.transaction-icon{width:36px;height:36px}.transaction-amount{font-size:.8125rem}}@media (max-width:640px){.overview-container{padding:0 .75rem}.balance-chart,.overview-card,.status-card,.transaction-list{padding:1.25rem!important;border-radius:var(--radius-lg)}.text-heading{font-size:1.25rem}.metric-card{padding:1rem}.metric-value{font-size:1.25rem}.transaction-item{padding:.75rem}.transaction-icon{display:none}.transaction-info{flex:1}.transaction-reference{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.fade-in{animation:fadeIn .3s ease-out}.hover-lift{transition:transform .15s ease,box-shadow .15s ease}.hover-lift:hover{transform:translateY(-2px)}a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.border-light{border:1px solid var(--border)}.border-lighter{border:1px solid var(--bg-subtle)}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.wallet-container{max-width:1400px;gap:1.5rem}.wallet-container,.wallet-header{display:flex;flex-direction:column}.wallet-header{gap:1rem;justify-content:space-between;margin-bottom:2rem}@media (min-width:768px){.wallet-header{flex-direction:row;align-items:center}}.wallet-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:1024px){.wallet-grid{grid-template-columns:2fr 1fr}}.wallet-main-col{display:flex;flex-direction:column;gap:1.5rem}.wallet-premium-card{position:relative;background:linear-gradient(135deg,#064e3b,#065f46 50%,#10b981);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 20px 40px -5px rgba(6,78,59,.4);border:1px solid rgba(255,255,255,.1);color:white;padding:2rem}.wallet-card-pattern{position:absolute;inset:0;opacity:.15;background-image:radial-gradient(rgba(255,255,255,.5) 1px,transparent 0);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,black,transparent);mask-image:linear-gradient(180deg,black,transparent);pointer-events:none}.wallet-premium-card:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:radial-gradient(circle,rgba(255,255,255,.15) 0,transparent 70%);transform:rotate(-15deg);pointer-events:none}.wallet-balance-icon-container{width:3rem;height:3rem;border-radius:var(--radius-xl);justify-content:center;border:1px solid rgba(255,255,255,.2)}.wallet-balance-icon-container,.wallet-secure-badge{background:rgba(255,255,255,.1);display:flex;align-items:center;backdrop-filter:blur(8px)}.wallet-secure-badge{padding:.25rem .75rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.2);gap:.5rem}.wallet-balance-label{color:rgba(255,255,255,.7);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.wallet-balance-value{font-size:3rem;font-weight:800;color:white;letter-spacing:-.02em;margin:.5rem 0}.wallet-balance-info{color:rgba(255,255,255,.6);font-size:.875rem;display:flex;align-items:center;gap:.5rem}.wallet-balance-footer{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.wallet-sub-balance-label{color:rgba(255,255,255,.5);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.wallet-sub-balance-value{font-size:1.5rem;font-weight:700;color:white}.wallet-stats-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:640px){.wallet-stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-box{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:var(--transition);box-shadow:var(--shadow-sm)}.stat-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.stat-box-icon{width:3.5rem;height:3.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.5rem}.stat-box-icon.green{background:var(--success-bg);color:var(--success)}.stat-box-icon.blue{background:#eff6ff;color:#3b82f6}.funding-options-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.funding-options-header{padding:1.5rem;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.funding-options-grid{padding:1.5rem;display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:768px){.funding-options-grid{grid-template-columns:repeat(2,1fr)}}.funding-card{padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);transition:var(--transition);position:relative;overflow:hidden;display:block;text-decoration:none}.funding-card:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(22,163,74,.1);transform:translateY(-2px)}.funding-card.disabled{opacity:.7;background:#f9fafb;border-style:dashed;cursor:not-allowed}.funding-card.disabled:hover{transform:none;box-shadow:none;border-color:var(--border)}.funding-card-icon{width:2.5rem;height:2.5rem;background:white;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.funding-card-icon.green{color:var(--success)}.funding-card-icon.blue{color:#3b82f6}.funding-card-title{font-size:1rem;font-weight:600;color:var(--text-heading);margin-bottom:.25rem}.funding-card-description{font-size:.75rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.4}.funding-card-link{font-size:.875rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:.25rem;transition:gap .2s ease}.funding-card:hover .funding-card-link{gap:.5rem}.security-note{padding:1rem}@media (max-width:768px){.wallet-premium-card{padding:1.5rem}.wallet-balance-value{font-size:2.25rem}.wallet-sub-balance-value{font-size:1.25rem}.wallet-balance-footer{gap:1rem;grid-template-columns:1fr}}@media (max-width:640px){.wallet-header{padding:1.25rem!important}.wallet-premium-card{border-radius:var(--radius-xl)}.funding-options-container{padding:1.5rem!important}.stat-box{padding:1.25rem}.stat-box-icon{width:3rem;height:3rem}}select::-webkit-scrollbar{width:6px}select::-webkit-scrollbar-track{background:#f1f5f9}select::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.va-modern-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);transition:var(--transition-slow);position:relative;overflow:hidden}.va-modern-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.va-modern-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary) 0,var(--primary-light) 100%);opacity:0;transition:opacity .3s ease}.va-modern-card:hover:before{opacity:1}input:focus,select:focus{box-shadow:0 0 0 4px rgba(22,163,74,.1)!important}@media (max-width:768px){.va-modern-card{border-radius:var(--radius-lg)}}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.va-status-active-pulse{position:relative}.va-status-active-pulse:after{content:"";position:absolute;width:6px;height:6px;background:var(--success);border-radius:50%;right:-2px;top:-2px;animation:pulse 2s infinite}.va-header{display:flex;flex-direction:column;gap:1rem;justify-content:space-between}@media (min-width:768px){.va-header{flex-direction:row;align-items:center}}.va-filter-bar{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1rem;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm)}@media (min-width:768px){.va-filter-bar{flex-direction:row}}.va-search-wrapper{position:relative;width:100%}@media (min-width:768px){.va-search-wrapper{width:24rem}}.va-table-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.va-modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(17,24,39,.4);backdrop-filter:blur(4px)}.va-modal-content{background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);width:100%;max-width:28rem;overflow:hidden}.va-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-subtle)}.va-modal-body{padding:1.5rem}.va-bank-icon{width:2.5rem;height:2.5rem;background:var(--success-bg);color:var(--success);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;border:1px solid rgba(22,163,74,.2)}.va-account-number{font-family:monospace;font-weight:700;color:var(--text-heading);letter-spacing:.05em}.va-copy-btn{padding:.25rem;color:var(--text-muted);border-radius:var(--radius-sm);transition:var(--transition)}.va-copy-btn:hover{color:var(--success);background:var(--success-bg)}.va-empty-state{padding:5rem;text-align:center}.transactions-table-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}tr.group:hover{background-color:var(--bg-subtle)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5;-webkit-transition:opacity .2s;transition:opacity .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.status-badge{transition:var(--transition)}tr:hover .status-badge{transform:scale(1.02)}.pagination-btn:active:not(:disabled){transform:scale(.95)}.search-focus:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px rgba(22,163,74,.1)}.transactions-header{display:flex;flex-direction:column;gap:1rem;justify-content:space-between}@media (min-width:768px){.transactions-header{flex-direction:row;align-items:center}}.filter-bar{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1rem;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm)}@media (min-width:1024px){.filter-bar{flex-direction:row}}.search-input-wrapper{position:relative;width:100%}@media (min-width:1024px){.search-input-wrapper{width:24rem}}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input{width:100%;padding:.625rem 1rem .625rem 2.5rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:.875rem;outline:none;transition:var(--transition)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(22,163,74,.1)}.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;width:100%}@media (min-width:1024px){.filter-group{width:auto}}.select-wrapper{position:relative;min-width:140px}.filter-select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.625rem 2.5rem .625rem 1rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:.875rem;outline:none;cursor:pointer;transition:var(--transition)}.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(22,163,74,.1)}.filter-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.date-range-picker{display:flex;align-items:center;gap:.5rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.5rem .75rem}.date-input{background:transparent;font-size:.875rem;outline:none;border:none;padding:0}.table-header{background:rgba(249,250,251,.5);border-bottom:1px solid var(--border)}.table-th{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.table-td,.table-th{padding:1rem 1.5rem}.transaction-type-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.transaction-type-icon.credit{background:var(--success-bg);color:var(--success)}.transaction-type-icon.debit{background:var(--bg-subtle);color:var(--text-secondary)}.status-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.status-pill.success{background:var(--success-bg);color:var(--success);border-color:rgba(22,163,74,.2)}.status-pill.pending{background:var(--warning-bg);color:var(--warning);border-color:rgba(245,158,11,.2)}.status-pill.failed{background:var(--error-bg);color:var(--error);border-color:rgba(239,68,68,.2)}.pagination-container{padding:1rem 1.5rem;border-top:1px solid var(--border);background:rgba(249,250,251,.3);display:flex;align-items:center;justify-content:space-between}.pagination-info{font-size:.75rem;color:var(--text-secondary);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-button{padding:.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);background:transparent;transition:var(--transition);cursor:pointer}.pagination-button:hover:not(:disabled){background:var(--bg-surface);color:var(--text-heading)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.payout-container{max-width:800px;margin:0 auto;gap:1.5rem}.payout-container,.payout-header{display:flex;flex-direction:column}.payout-header{gap:1rem;justify-content:space-between;margin-bottom:1rem}@media (min-width:768px){.payout-header{flex-direction:row;align-items:center}}.transfer-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;height:-moz-fit-content;height:fit-content}.transfer-header{padding:1.5rem;border-bottom:1px solid var(--border);background:linear-gradient(90deg,#f8fafc,#ffffff);display:flex;align-items:center;justify-content:space-between}.transfer-icon-container{width:2.5rem;height:2.5rem;background:#2563eb;color:white;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(37,99,235,.2)}.transfer-form{padding:1.5rem}.security-note{padding:1.25rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-lg);color:#166534;box-shadow:var(--shadow-sm)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-main);font-size:.875rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(22,163,74,.15);background:white}.form-group:focus-within .form-label{color:var(--primary)}.form-input::-moz-placeholder{color:var(--text-muted);opacity:.4}.form-input::placeholder{color:var(--text-muted);opacity:.4}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:var(--radius-lg);margin-bottom:1.5rem}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-icon{flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;transition:var(--transition);cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:white;border-color:var(--border);color:var(--text-main)}.btn-secondary:hover{background:var(--bg-subtle);border-color:var(--text-muted)}.spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.form-input.bg-gray-50{background-color:#f8fafc;border-color:#e2e8f0}.form-input.text-green-700{color:#15803d;background-color:#f0fdf4;border-color:#bbf7d0}.form-input.text-gray-400{color:#94a3b8}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.saved-account-card{background:white;border:1px solid #f1f5f9;border-radius:1.5rem;padding:1.5rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.02),0 8px 10px -6px rgba(0,0,0,.02)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#cbd5e1}input[type=checkbox]{accent-color:#10b981}.animate-in{animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards}.fade-in{animation-name:fadeIn}.zoom-in-95{animation-name:zoomIn95}@keyframes zoomIn95{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.slide-in-from-bottom-4{animation-name:slideInBottom4}@keyframes slideInBottom4{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.verification-container{max-width:48rem;margin-left:auto;margin-right:auto;padding-bottom:2.5rem}.verification-header{display:flex;flex-direction:column;gap:1rem;justify-content:space-between;margin-bottom:2rem}@media (min-width:768px){.verification-header{flex-direction:row;align-items:center}}.tier-badge{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full)}.tier-badge-text{font-size:.625rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.verification-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden}.verification-form-container{padding:2rem}.verification-input-wrapper{position:relative}.verification-input-icon{position:absolute;top:50%;transform:translateY(-50%);left:0;padding-left:1rem;display:flex;align-items:center;pointer-events:none;color:var(--text-muted)}.verification-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-xl);font-size:.875rem;outline:none;transition:var(--transition)}.verification-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(22,163,74,.15)}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:2rem;border-style:solid;border:2px dashed var(--border);border-radius:var(--radius-2xl);background-color:rgba(249,250,251,.5);transition:var(--transition);cursor:pointer}.file-upload-label:hover{background-color:var(--bg-subtle);border-color:var(--primary-light)}.file-upload-icon-wrapper{width:3rem;height:3rem;background-color:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:var(--transition)}.file-upload-label:hover .file-upload-icon-wrapper{transform:scale(1.1);color:var(--primary)}.file-upload-text{font-size:.875rem;font-weight:700;color:var(--text-heading)}.file-upload-subtext{font-size:.625rem;color:var(--text-muted);margin-top:.25rem;text-transform:uppercase;letter-spacing:.025em}.verification-submit-btn{width:100%;padding-top:1rem;padding-bottom:1rem;background-color:var(--primary);color:white;font-weight:700;border-radius:var(--radius-xl);transition:var(--transition);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.verification-submit-btn:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.verification-submit-btn:disabled{opacity:.6;cursor:not-allowed}.verification-info-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:1.5rem;box-shadow:var(--shadow-sm)}.verification-benefit-item{display:flex;align-items:flex-start;gap:.75rem}.verification-benefit-icon{width:2rem;height:2rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.verification-benefit-icon.green{background-color:var(--success-bg);color:var(--success)}.verification-benefit-icon.blue{background-color:#eff6ff;color:#3b82f6}.verification-benefit-icon.purple{background-color:#f3e8ff;color:#a855f7}.verification-accepted-docs{padding:1.5rem;background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-2xl)}.doc-list-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.doc-list-dot{width:.375rem;height:.375rem;background-color:var(--success);border-radius:var(--radius-full)}.verification-success-card{background:var(--bg-surface);border-radius:var(--radius-2xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:2.5rem;text-align:center}.success-icon-wrapper{width:6rem;height:6rem;background-color:var(--success-bg);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;margin-bottom:2rem;border:1px solid rgba(22,163,74,.2)}.verification-status-grid{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.status-item-icon{width:2.5rem;height:2.5rem;background-color:var(--bg-subtle);border-radius:var(--radius-lg);margin-bottom:.5rem;color:var(--success)}.pending-icon-wrapper,.status-item-icon{display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}.pending-icon-wrapper{width:6rem;height:6rem;background-color:var(--warning-bg);border-radius:var(--radius-full);margin-bottom:2rem;border:1px solid rgba(245,158,11,.2)}.pending-info-box{background-color:#eff6ff;border-radius:var(--radius-2xl);padding:2rem;text-align:left;border:1px solid #dbeafe;position:relative;overflow:hidden}.font-mono{font-family:Fira Code,Monaco,Consolas,monospace}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-scale-up{animation:scaleUp .3s ease-out forwards}.backdrop-blur-sm{backdrop-filter:blur(4px)}tr:hover{background-color:var(--bg-subtle)}.overflow-x-auto::-webkit-scrollbar{height:6px}.overflow-x-auto::-webkit-scrollbar-track{background:#f1f5f9}.overflow-x-auto::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}input:focus,select:focus{box-shadow:0 0 0 4px rgba(59,130,246,.1)!important}.bg-gradient-to-br:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.05) 1px,transparent 0);background-size:20px 20px;pointer-events:none}button:active:not(:disabled){transform:scale(.98)}.status-active-pulse{position:relative}.status-active-pulse:after{content:"";position:absolute;width:6px;height:6px;background:var(--success);border-radius:50%;right:-2px;top:-2px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(34,197,94,.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(34,197,94,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(34,197,94,0)}}.dev-header{display:flex;flex-direction:column;gap:1rem;justify-content:space-between}@media (min-width:768px){.dev-header{flex-direction:row;align-items:center}}.dev-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:1024px){.dev-grid{grid-template-columns:repeat(3,1fr)}}.dev-main-col{grid-column:span 1;display:flex;flex-direction:column;gap:1.5rem}@media (min-width:1024px){.dev-main-col{grid-column:span 2}}.dev-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden}.dev-card-header{padding:1.5rem;border-bottom:1px solid var(--border);background:rgba(249,250,251,.5);display:flex;align-items:center;justify-content:space-between}.dev-card-body{padding:1.5rem}.dev-card-body,.dev-sidebar{display:flex;flex-direction:column;gap:1.5rem}.quick-start-card{background:linear-gradient(to bottom right,#111827,#1f2937);border-radius:var(--radius-2xl);padding:1.5rem;color:white;box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.security-badge{padding:1.25rem;background:#eff6ff;border:1px solid #dbeafe;border-radius:var(--radius-2xl);display:flex;align-items:flex-start;gap:.75rem}.dev-modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(17,24,39,.4);backdrop-filter:blur(4px)}.dev-modal-content{background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);width:100%;max-width:28rem;overflow:hidden}.dev-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-subtle)}.dev-modal-body{padding:1.5rem}.settings-header{display:flex;flex-direction:column;gap:.5rem}.settings-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.settings-grid{grid-template-columns:repeat(3,1fr)}}.settings-sidebar{grid-column:span 1;display:flex;flex-direction:column;gap:.25rem}.settings-nav-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:var(--radius-xl);font-size:.875rem;font-weight:700;transition:all var(--transition-fast);color:var(--text-muted)}.settings-nav-btn:hover{background-color:var(--bg-subtle);color:var(--text-heading)}.settings-nav-btn.active{background-color:var(--success-bg);color:var(--success);box-shadow:var(--shadow-sm)}.settings-main-col{grid-column:span 1;display:flex;flex-direction:column;gap:1.5rem}@media (min-width:768px){.settings-main-col{grid-column:span 2}}.settings-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden}.settings-card-header{padding:1.5rem;border-bottom:1px solid var(--border);background:rgba(249,250,251,.5);display:flex;align-items:center;gap:.5rem}.settings-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.settings-item{display:flex;align-items:center;justify-content:space-between}.settings-item-content{display:flex;flex-direction:column}.settings-item-title{font-size:.875rem;font-weight:700;color:var(--text-heading)}.settings-item-desc{font-size:.75rem;color:var(--text-muted);margin-top:.125rem}.toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.toggle-slider{width:2.75rem;height:1.5rem;background-color:#e5e7eb;border-radius:9999px;transition:background-color var(--transition-fast);position:relative}.toggle-input:checked+.toggle-slider{background-color:var(--success)}.toggle-knob{position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background-color:white;border-radius:50%;border:1px solid #d1d5db;transition:transform var(--transition-fast)}.toggle-input:checked+.toggle-slider .toggle-knob{transform:translateX(1.25rem);border-color:white}.toggle-input:focus+.toggle-slider{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px rgba(34,197,94,.2)}.security-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--bg-subtle);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.security-btn:hover{background-color:#f3f4f6}.security-btn-icon{width:2.5rem;height:2.5rem;background-color:var(--bg-surface);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-body);box-shadow:var(--shadow-sm)}.security-btn-content{text-align:left}.danger-zone{padding:1.5rem;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:var(--radius-2xl)}.danger-title{font-size:.875rem;font-weight:700;color:#7f1d1d;margin-bottom:.5rem}.danger-desc{font-size:.75rem;color:#b91c1c;margin-bottom:1rem}.btn-danger{padding:.5rem 1rem;background-color:#dc2626;color:white;font-size:.75rem;font-weight:700;border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-lg);box-shadow:0 10px 15px -3px rgba(220,38,38,.1),0 4px 6px -2px rgba(220,38,38,.05)}.btn-danger:hover{background-color:#b91c1c}.profile-header{display:flex;flex-direction:column;gap:1rem;justify-content:space-between}@media (min-width:768px){.profile-header{flex-direction:row;align-items:center}}.profile-nav{display:flex;align-items:center;gap:.5rem;background-color:var(--bg-surface);padding:.25rem;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.profile-nav-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);color:var(--text-muted)}.profile-nav-btn:hover{background-color:var(--bg-subtle)}.profile-nav-btn.active{background-color:var(--success-bg);color:var(--success);box-shadow:var(--shadow-sm)}.profile-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:1024px){.profile-grid{grid-template-columns:repeat(3,1fr)}}.profile-sidebar{display:flex;flex-direction:column;gap:1.5rem}.profile-main-col,.profile-sidebar{grid-column:span 1}@media (min-width:1024px){.profile-main-col{grid-column:span 2}}.profile-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden}.profile-banner{height:8rem;background:linear-gradient(90deg,#16a34a,#059669);position:relative}.profile-avatar-container{position:absolute;bottom:-3rem;left:50%;transform:translateX(-50%)}.profile-avatar-wrapper{position:relative}.profile-avatar{width:6rem;height:6rem;background-color:var(--bg-surface);border-radius:9999px;padding:.25rem;box-shadow:var(--shadow-xl)}.profile-avatar-inner{width:100%;height:100%;background-color:#f1f5f9;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:1.875rem;font-weight:700;overflow:hidden}.profile-camera-btn{position:absolute;bottom:0;right:0;padding:.5rem;background-color:var(--success);color:white;border-radius:9999px;box-shadow:var(--shadow-lg);border:2px solid white;transition:background-color var(--transition-fast)}.profile-camera-btn:hover{background-color:#15803d}.profile-info{padding:4rem 1.5rem 1.5rem;text-align:center}.profile-name{font-size:1.25rem;font-weight:700;color:var(--text-heading)}.profile-email{color:var(--text-muted);font-size:.875rem}.profile-badges{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.profile-stats-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:1.5rem}.profile-stats-title{font-size:.875rem;font-weight:600;color:var(--text-heading);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.profile-stat-row{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.profile-stat-label{color:var(--text-muted)}.profile-stat-value{font-weight:500;color:var(--text-heading)}.profile-form-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.profile-form-body{padding:1.5rem}.profile-input-group{position:relative}.profile-input-icon{position:absolute;top:50%;transform:translateY(-50%);left:0;padding-left:.75rem;display:flex;align-items:center;pointer-events:none;color:#94a3b8}.profile-input{width:100%;padding:.625rem 1rem .625rem 2.5rem;border:1px solid var(--border);border-radius:var(--radius-xl);outline:none;transition:all var(--transition-fast)}.profile-input:focus{box-shadow:0 0 0 2px rgba(34,197,94,.2);border-color:var(--success)}.profile-input:disabled{background-color:#f8fafc;color:#64748b}.profile-save-btn{padding:.625rem 1.5rem;background-color:var(--success);color:white;font-weight:500;border-radius:var(--radius-xl);transition:all var(--transition-fast);box-shadow:var(--shadow-lg);box-shadow:0 10px 15px -3px rgba(22,163,74,.2),0 4px 6px -2px rgba(22,163,74,.1);display:flex;align-items:center;gap:.5rem}.profile-save-btn:hover{background-color:#15803d}