:root{--bg:#f5f6fd;--bg-card:#fff;--bg-surface:#f0f1f9;--text:#1a1a2e;--text-muted:#6b7280;--text-dim:#9ca3af;--border:#e8ecf4;--border-light:#d1d5db;--primary:#3b5fe0;--primary-light:#5a7aef;--primary-dark:#2a4ac0;--primary-gradient:linear-gradient(170deg, #4466e6, #2d4fd9);--accent:#f59e0b;--success:#22c55e;--success-bg:#22c55e1a;--danger:#ef4444;--danger-bg:#ef44441a;--warning:#f59e0b;--warning-bg:#f59e0b14;--info:#3b82f6;--info-bg:#3b82f614;--radius:10px;--radius-lg:16px;--radius-xl:20px;--shadow:0 2px 12px #0000000a;--shadow-lg:0 4px 20px #0000000f;--font-fa:"Vazirmatn", "Tahoma", sans-serif;--font-en:"Inter", sans-serif;--transition:.25s ease;--bottom-nav-height:64px;--header-height:52px;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-fa);direction:rtl}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-weight:400;line-height:1.6;overflow-x:hidden}#root{background:var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:var(--font-fa);cursor:pointer;font-size:inherit;background:0 0;border:none;outline:none}input,textarea,select{font-family:var(--font-fa);border:none;outline:none}::-webkit-scrollbar{width:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-content{padding:.75rem 1rem 1rem;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + .5rem);max-width:480px;min-height:calc(100vh - var(--header-height) - var(--bottom-nav-height));margin:0 auto}.btn{border-radius:var(--radius);white-space:nowrap;transition:all var(--transition);align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.82rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff}.btn-primary:hover{opacity:.92}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0;font-size:.78rem}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-sm{padding:.4rem .8rem;font-size:.75rem}.tag{border-radius:20px;align-items:center;gap:.2rem;padding:.15rem .55rem;font-size:.62rem;font-weight:500;display:inline-flex}.tag-primary{color:var(--primary);background:#3b5fe014}.tag-success{background:var(--success-bg);color:var(--success)}.tag-danger{background:var(--danger-bg);color:var(--danger)}.tag-warning{background:var(--warning-bg);color:var(--warning)}.badge{background:var(--danger);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.6rem;font-weight:700;display:inline-flex}.section-header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.section-title{font-size:.92rem;font-weight:700}.section-link{color:var(--primary);cursor:pointer;font-size:.75rem}.tab{color:var(--text-muted);transition:all var(--transition);white-space:nowrap;border-bottom:2px solid #0000;padding:.45rem .9rem;font-size:.8rem;font-weight:500}.input-group{flex-direction:column;gap:.25rem;display:flex}.input-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.input-field{border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--border);color:var(--text);transition:all var(--transition);padding:.6rem .85rem;font-size:.85rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b5fe00f}@media (width<=480px){.page-content{padding:.6rem .75rem .75rem}}:root{--anim-duration-fast:.15s;--anim-duration-normal:.3s;--anim-duration-slow:.5s;--anim-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--anim-ease-smooth:cubic-bezier(.22, 1, .36, 1);--anim-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--glass-bg:#ffffff14;--glass-border:#ffffff1f;--glass-shadow:0 8px 32px #00000014;--glass-blur:12px}[data-theme=dark]{--glass-bg:#ffffff0d;--glass-border:#ffffff14;--glass-shadow:0 8px 32px #0000004d}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #3b5fe066}50%{box-shadow:0 0 0 12px #3b5fe000}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-12px)rotate(2deg)}66%{transform:translateY(-4px)rotate(-1deg)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmerCard{0%{background-position:-200%}to{background-position:200%}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rippleEffect{to{opacity:0;transform:scale(4)}}@keyframes skeletonPulse{0%{background-color:#8282821a}50%{background-color:#82828233}to{background-color:#8282821a}}@keyframes slideUpEnter{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pageExit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-15px)scale(.98)}}@keyframes borderGlow{0%,to{border-color:#3b5fe033}50%{border-color:#3b5fe080}}@keyframes notificationSlide{0%{opacity:0;transform:translate(100%)}20%{opacity:1;transform:translate(-5px)}80%{opacity:1;transform:translate(-5px)}to{opacity:0;transform:translate(100%)}}@keyframes heartBeat{0%{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}60%{transform:scale(1)}}@keyframes shimmerWave{0%{background-position:0 0}to{background-position:256px 256px}}.anim-fade-in{animation:fadeIn var(--anim-duration-normal) var(--anim-ease-smooth) both}.anim-fade-in-up{animation:fadeInUp var(--anim-duration-normal) var(--anim-ease-smooth) both}.anim-fade-in-down{animation:fadeInDown var(--anim-duration-normal) var(--anim-ease-smooth) both}.anim-fade-in-left{animation:fadeInLeft var(--anim-duration-normal) var(--anim-ease-smooth) both}.anim-fade-in-right{animation:fadeInRight var(--anim-duration-normal) var(--anim-ease-smooth) both}.anim-scale-in{animation:scaleIn var(--anim-duration-normal) var(--anim-ease-smooth) both}.anim-slide-up{animation:slideUp var(--anim-duration-slow) var(--anim-ease-smooth) both}.anim-pulse{animation:2s ease-in-out infinite pulse}.anim-float{animation:float 3s var(--anim-ease-smooth) infinite}.anim-float-slow{animation:floatSlow 6s var(--anim-ease-smooth) infinite}.anim-rotate{animation:1s linear infinite rotate}.stagger>*{animation:fadeInUp var(--anim-duration-normal) var(--anim-ease-spring) both}.stagger>:first-child{animation-delay:30ms}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:90ms}.stagger>:nth-child(4){animation-delay:.12s}.stagger>:nth-child(5){animation-delay:.15s}.stagger>:nth-child(6){animation-delay:.18s}.stagger>:nth-child(7){animation-delay:.21s}.stagger>:nth-child(8){animation-delay:.24s}.stagger>:nth-child(9){animation-delay:.27s}.stagger>:nth-child(10){animation-delay:.3s}.hover-lift{transition:transform var(--anim-duration-normal) var(--anim-ease-spring), box-shadow var(--anim-duration-normal) var(--anim-ease-smooth)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{-webkit-backdrop-filter:blur(20px);background:#ffffff1f;border:1px solid #ffffff2e;box-shadow:0 8px 40px #0000001a}.glass-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);transition:all var(--anim-duration-normal) var(--anim-ease-smooth);background:#ffffff0f;border:1px solid #ffffff1a}.glass-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-blue{background:linear-gradient(135deg,#4466e6,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#82828214 25%,#82828226 50%,#82828214 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{width:100%;height:14px;margin-bottom:8px}.skeleton-avatar{border-radius:50%;width:44px;height:44px}.skeleton-card{border-radius:var(--radius-lg);height:120px}.page-enter{animation:pageEnter .35s var(--anim-ease-smooth) both}.page-exit{animation:pageExit .2s var(--anim-ease-smooth) both}.btn-ripple{position:relative;overflow:hidden}.ripple-effect{pointer-events:none;background:#fff6;border-radius:50%;animation:.6s ease-out forwards rippleEffect;position:absolute}.neon-glow{box-shadow:0 0 10px #3b5fe04d,0 0 20px #3b5fe026,0 0 40px #3b5fe01a}.neon-glow-accent{box-shadow:0 0 10px #f59e0b4d,0 0 20px #f59e0b26,0 0 40px #f59e0b1a}.gradient-border{border-radius:var(--radius-lg);position:relative}.gradient-border:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--primary), var(--accent), var(--primary-light));-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.animated-bg{background:linear-gradient(170deg,#4466e6,#2a4ac0,#1e3aa8,#4466e6) 0 0/300% 300%;animation:8s infinite gradientShift}.theme-transition *{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s!important}.dark-scrollbar::-webkit-scrollbar-track{background:0 0}.dark-scrollbar::-webkit-scrollbar-thumb{background:#8282824d;border-radius:10px}.dark-scrollbar::-webkit-scrollbar-thumb:hover{background:#82828280}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.animated-btn{cursor:pointer;font-family:var(--font-fa);white-space:nowrap;letter-spacing:.3px;border:none;border-radius:12px;outline:none;align-items:center;gap:.4rem;font-weight:600;transition:all .25s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden}.animated-btn:active:not(:disabled){transform:scale(.96)}.animated-btn-primary{color:#fff;background:linear-gradient(135deg,#4466e6,#2d4fd9);box-shadow:0 4px 14px #3b5fe04d}.animated-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3b5fe066}.animated-btn-secondary{color:var(--primary);background:#3b5fe014}.animated-btn-secondary:hover:not(:disabled){background:#3b5fe024}.animated-btn-ghost{color:var(--text-muted);background:0 0}.animated-btn-ghost:hover:not(:disabled){background:var(--bg-surface);color:var(--text)}.animated-btn-outline{border:1.5px solid var(--border);color:var(--text);background:0 0}.animated-btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#3b5fe00a}.animated-btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef44444d}.animated-btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ef444466}.animated-btn-sm{border-radius:10px;padding:.4rem .85rem;font-size:.75rem}.animated-btn-md{padding:.6rem 1.25rem;font-size:.82rem}.animated-btn-lg{padding:.75rem 1.5rem;font-size:.9rem}.animated-btn-full{justify-content:center;width:100%}.animated-btn-disabled{opacity:.5;cursor:not-allowed}.animated-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite rotate;position:absolute}.animated-btn-content{align-items:center;gap:.3rem;display:inline-flex}.animated-btn-content-hidden{visibility:hidden}.perspective-1000{perspective:1000px}.perspective-1500{perspective:1500px}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.depth-layer-0{transform:translateZ(-60px)scale(1.06)}.depth-layer-1{transform:translateZ(-30px)scale(1.03)}.depth-layer-2{transform:translateZ(0)}.depth-layer-3{transform:translateZ(30px)}.tilt-card{transform-style:preserve-3d;will-change:transform;transition:transform .1s ease-out;position:relative}.tilt-card-glare{border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%), #ffffff26 0%, transparent 60%);z-index:2;opacity:0;transition:opacity .3s;position:absolute;inset:0}.tilt-card:hover .tilt-card-glare{opacity:1}.glass-deep{-webkit-backdrop-filter:blur(20px)saturate(1.2);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff08 100%);border:1px solid #ffffff1f;border-top-color:#fff3;box-shadow:0 8px 32px #00000014,inset 0 1px #ffffff1a}.glass-card-3d{-webkit-backdrop-filter:blur(16px)saturate(1.1);background:linear-gradient(135deg,#ffffff12 0%,#ffffff05 100%);border:1px solid #ffffff14;border-top-color:#ffffff26;transition:all .3s cubic-bezier(.22,1,.36,1),transform .1s ease-out;box-shadow:0 4px 24px #0000000f,inset 0 1px #ffffff14}.glass-card-3d:hover{background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0a 100%);border-color:#ffffff26}[data-theme=dark] .glass-deep{background:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 100%);border-color:#ffffff0f;box-shadow:0 8px 32px #0003}[data-theme=dark] .glass-card-3d{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border-color:#ffffff0d}.gradient-border-animated{border-radius:var(--radius-lg);position:relative}.gradient-border-animated:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--primary), var(--accent), var(--primary-light), var(--accent), var(--primary));-webkit-mask-composite:xor;pointer-events:none;background-size:300% 300%;padding:2px;animation:4s infinite gradientShift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glow-primary{transition:box-shadow .3s;box-shadow:0 0 15px #3b5fe040,0 0 40px #3b5fe01a}.glow-primary:hover{box-shadow:0 0 20px #3b5fe059,0 0 60px #3b5fe026}.glow-accent{box-shadow:0 0 15px #f59e0b40,0 0 40px #f59e0b1a}.glow-success{box-shadow:0 0 15px #22c55e40,0 0 40px #22c55e1a}.vignette{pointer-events:none;z-index:100;background:radial-gradient(#0000 60%,#00000040 100%);position:fixed;inset:0}[data-theme=dark] .vignette{background:radial-gradient(#0000 50%,#00000073 100%)}.film-grain:after{content:"";pointer-events:none;z-index:99;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px;animation:.5s steps(4,end) infinite shimmerWave;position:fixed;inset:0}.depth-card{transform-style:preserve-3d;will-change:transform;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);position:relative}.depth-card:hover{transform:perspective(1000px)translateZ(10px)}.depth-card-content{z-index:1;position:relative}.depth-card-glow{border-radius:inherit;background:linear-gradient(135deg, var(--primary), var(--accent));opacity:0;filter:blur(15px);z-index:-1;transition:opacity .3s;position:absolute;inset:-2px}.depth-card:hover .depth-card-glow{opacity:.15}.text-3d{text-shadow:0 1px #0000001a,0 2px #00000014,0 3px #0000000d;transform:perspective(500px)translateZ(5px)}.float-3d{animation:6s ease-in-out infinite float3d}@keyframes float3d{0%,to{transform:perspective(1000px)translateZ(0)translateY(0)}50%{transform:perspective(1000px)translateZ(20px)translateY(-10px)}}.three-canvas-container{width:100%;height:100%;position:relative;overflow:hidden}.three-canvas-container canvas{display:block;width:100%!important;height:100%!important}.auth-3d-bg{z-index:-1;position:fixed;inset:0;overflow:hidden}@media (width<=768px){.depth-layer-0,.depth-layer-1,.depth-layer-3{transform:none!important}.text-3d{text-shadow:none;transform:none}.depth-card-glow{display:none}}@media (prefers-reduced-motion:reduce){.tilt-card,.depth-card,.glass-card-3d{transition:none!important;transform:none!important}.float-3d{animation:none}.film-grain:after{display:none}}.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-3d-bg{z-index:0;opacity:1;position:fixed;inset:0}.auth-content{z-index:1;width:100%;max-width:420px;padding:1.5rem;position:relative}.auth-card{border-radius:var(--radius-xl);text-align:center;-webkit-backdrop-filter:blur(24px)saturate(1.4);background:#ffffffc7;border:1px solid #ffffff4d;padding:2.5rem 2rem;box-shadow:0 8px 40px #0000000f,inset 0 1px #fff9}[data-theme=dark] .auth-card{-webkit-backdrop-filter:blur(24px)saturate(1.2);background:#0a0a19c7;border-color:#ffffff14;box-shadow:0 8px 40px #0000004d,inset 0 1px #ffffff0d}.auth-logo{justify-content:center;margin-bottom:1.5rem;display:flex}.auth-logo-icon{color:#fff;background:linear-gradient(135deg,#4466e6,#7c3aed);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.2rem;font-weight:800;display:flex;box-shadow:0 4px 20px #4466e64d}.auth-title{color:var(--text);margin-bottom:.5rem;font-size:1.45rem;font-weight:800;line-height:1.4}.auth-subtitle{color:var(--text);opacity:.7;margin-bottom:1.5rem;font-size:.85rem;font-weight:500;line-height:1.7}.phone-input-container{flex-direction:column;gap:1rem;display:flex}.phone-input-wrapper{align-items:center;gap:.5rem;display:flex}.country-code-selector{border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;justify-content:center;align-items:center;gap:.3rem;min-width:70px;padding:.6rem .7rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.country-code-selector:hover{border-color:var(--primary)}.dropdown-arrow{color:var(--text-muted);font-size:.5rem}.phone-number-input{font-family:var(--font-en);text-align:left;direction:ltr;flex:1;padding:.65rem .85rem;font-size:1rem}.country-picker-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:10;overflow:hidden}.country-picker-item{cursor:pointer;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.82rem;transition:background .15s;display:flex}.country-picker-item:hover{background:var(--bg-surface)}.country-picker-item.active{background:#3b5fe00f;font-weight:600}.country-picker-code{color:var(--text-muted);font-family:var(--font-en)}.auth-submit-btn{justify-content:center;width:100%;margin-top:.5rem;padding:.75rem!important;font-size:.9rem!important}.auth-submit-btn.loading{opacity:.7}.otp-input-container{direction:ltr;justify-content:center;gap:.5rem;margin:1.5rem 0;display:flex}.otp-input-box{border-radius:var(--radius);background:var(--bg-surface);border:1.5px solid var(--border);width:48px;height:56px;color:var(--text);text-align:center;font-size:1.3rem;font-weight:700;font-family:var(--font-en);outline:none;transition:all .2s}.otp-input-box:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b5fe01a}.otp-input-box.filled{border-color:var(--primary);background:#3b5fe00a}.otp-timer{flex-direction:column;align-items:center;gap:1rem;margin:1rem 0;display:flex}.otp-timer-ring-container{width:40px;height:40px;position:relative}.otp-timer-text{font-size:.7rem;font-weight:600;font-family:var(--font-en);direction:ltr;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.otp-resend-btn{font-size:.78rem}.auth-error{color:var(--danger);background:var(--danger-bg);border-radius:var(--radius);margin-top:.5rem;padding:.4rem .75rem;font-size:.78rem}.auth-otp-section{flex-direction:column;align-items:center;display:flex}.auth-back-btn{color:var(--text-muted);cursor:pointer;font-size:.78rem;font-family:var(--font-fa);background:0 0;border:none;margin-top:.5rem;transition:color .2s}.auth-back-btn:hover{color:var(--primary)}[data-theme=dark] .auth-page{background:#0a0a18}[data-theme=dark] .auth-title{color:#ffffffe6}[data-theme=dark] .country-code-selector{background:#13132a;border-color:#ffffff14}[data-theme=dark] .country-picker-dropdown{background:#16162a;border-color:#ffffff0f}[data-theme=dark] .otp-input-box{color:#ffffffe6;background:#13132a;border-color:#ffffff1f}[data-theme=dark] .otp-input-box:focus{border-color:var(--primary-light)}[data-theme=dark] .otp-input-box.filled{border-color:var(--primary-light);background:#3b5fe01a}@media (width<=480px){.auth-card{padding:1.5rem 1.25rem}.otp-input-box{width:42px;height:50px;font-size:1.1rem}}.kyc-page{min-height:100vh;padding:1rem;position:relative}.kyc-3d-bg{z-index:0;opacity:.3;pointer-events:none;position:fixed;inset:0}.kyc-content{z-index:1;max-width:560px;margin:0 auto;position:relative}.step-indicator{margin-bottom:1.5rem;padding:0 .5rem}.step-indicator-track{height:3px;margin-bottom:1rem;position:relative}.step-indicator-progress-bg{background:var(--border);border-radius:2px;position:absolute;inset:0}.step-indicator-progress-fill{background:var(--primary-gradient);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.step-indicator-dots{justify-content:space-between;display:flex}.step-dot{cursor:default;flex-direction:column;align-items:center;gap:.3rem;display:flex}.step-dot-icon{background:var(--bg-surface);border:2px solid var(--border);width:32px;height:32px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;transition:all .3s;display:flex}.step-dot.active .step-dot-icon{background:var(--primary);border-color:var(--primary);color:#fff}.step-dot.done .step-dot-icon{background:var(--success);border-color:var(--success);color:#fff;font-size:.7rem}.step-dot-label{color:var(--text-muted);text-align:center;max-width:50px;font-size:.55rem;line-height:1.2}.step-dot.active .step-dot-label{color:var(--primary);font-weight:600}.step-dot.done .step-dot-label{color:var(--success)}.kyc-step-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);perspective:1000px;padding:1.5rem}.kyc-step{min-height:200px}.kyc-step-title{margin-bottom:.3rem;font-size:1.1rem;font-weight:700}.kyc-step-subtitle{color:var(--text-muted);margin-bottom:1.25rem;font-size:.8rem}.kyc-form{flex-direction:column;gap:.85rem;display:flex}.kyc-doc-type-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.kyc-doc-type-card{border-radius:var(--radius-lg);background:var(--bg-surface);border:1.5px solid var(--border);cursor:pointer;text-align:center;padding:1rem .75rem;transition:all .2s;position:relative}.kyc-doc-type-card:hover{border-color:var(--primary-light)}.kyc-doc-type-card.selected{border-color:var(--primary);background:#3b5fe00a}.kyc-doc-type-icon{margin-bottom:.3rem;font-size:1.5rem}.kyc-doc-type-label{font-size:.8rem;font-weight:600}.kyc-doc-type-desc{color:var(--text-muted);margin-top:.15rem;font-size:.65rem}.kyc-doc-type-check{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;display:flex;position:absolute;top:-6px;left:-6px}.kyc-upload-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.kyc-upload-section{flex-direction:column;gap:.5rem;display:flex}.kyc-upload-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.kyc-upload-zone{border:2px dashed var(--border-light);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:var(--bg-surface);padding:2rem .75rem;transition:all .2s}.kyc-upload-zone.drag-active{border-color:var(--primary);background:#3b5fe00a}.kyc-upload-icon{margin-bottom:.5rem;font-size:2rem}.kyc-upload-text{color:var(--text);font-size:.8rem;font-weight:500}.kyc-upload-hint{color:var(--text-muted);margin-top:.3rem;font-size:.65rem}.doc-preview-card{border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--border);position:relative;overflow:hidden}.doc-preview-label{background:var(--primary);color:#fff;z-index:2;border-radius:4px;padding:.1rem .4rem;font-size:.6rem;font-weight:600;position:absolute;top:.3rem;right:.3rem}.doc-preview-image-wrapper{aspect-ratio:1.4;width:100%;position:relative;overflow:hidden}.doc-preview-image{object-fit:cover;width:100%;height:100%}.doc-preview-placeholder{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:.75rem;display:flex}.doc-preview-remove{background:var(--danger);color:#fff;cursor:pointer;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6rem;display:flex;position:absolute;top:.3rem;left:.3rem}.doc-preview-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;padding:.3rem .5rem;font-size:.65rem;overflow:hidden}.kyc-selfie-section{flex-direction:column;gap:1rem;display:flex}.kyc-selfie-guide{border-radius:var(--radius);background:#3b5fe00a;border:1px solid #3b5fe01f;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.kyc-selfie-guide-icon{font-size:1.5rem}.kyc-selfie-guide-list{color:var(--text-muted);padding-right:1rem;font-size:.78rem;line-height:1.8}.kyc-selfie-success{text-align:center;color:var(--success);padding:1rem;font-size:.85rem;font-weight:500}.camera-container{flex-direction:column;align-items:center;gap:.75rem;display:flex}.camera-video{border-radius:var(--radius);background:#000;width:100%;max-width:320px}.camera-controls{align-items:center;gap:.75rem;display:flex}.camera-capture-btn{border:3px solid var(--primary);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.3rem;display:flex}.camera-choose{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.camera-choose-btn{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;font-family:var(--font-fa);flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;font-size:.8rem;transition:all .2s;display:flex}.camera-choose-btn:hover{border-color:var(--primary)}.camera-choose-icon{font-size:2rem}.kyc-nav{border-top:1px solid var(--border);align-items:center;margin-top:1.5rem;padding-top:1rem;display:flex}.kyc-review-sections{flex-direction:column;gap:.75rem;display:flex}.kyc-review-section{background:var(--bg-surface);border-radius:var(--radius);padding:.75rem 1rem}.kyc-review-section-title{margin-bottom:.5rem;font-size:.85rem;font-weight:700}.kyc-review-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:.35rem 0;font-size:.78rem;display:flex}.kyc-review-row:last-child{border-bottom:none}.kyc-review-label{color:var(--text-muted)}.kyc-review-value{font-weight:500}.kyc-review-warning{background:var(--warning-bg);color:var(--warning);border-radius:var(--radius);margin-bottom:1rem;padding:.6rem .85rem;font-size:.78rem}.kyc-review-submit-notice{border-radius:var(--radius);color:var(--text-muted);background:#22c55e0a;border:1px solid #22c55e26;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem;font-size:.78rem;line-height:1.7;display:flex}.kyc-review-shield{font-size:2rem}.kyc-dashboard{max-width:560px;margin:0 auto;padding:1rem}.kyc-dash-header{margin-bottom:1.5rem}.kyc-dash-title{font-size:1.2rem;font-weight:800}.kyc-dash-subtitle{color:var(--text-muted);font-size:.82rem}.kyc-level-progress{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:1rem;padding:1.25rem}.kyc-level-track{justify-content:space-between;display:flex;position:relative}.kyc-level-step{flex-direction:column;align-items:center;gap:.35rem;display:flex}.kyc-level-dot{background:var(--bg-surface);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;display:flex}.kyc-level-step.unlocked .kyc-level-dot{border-color:var(--success);background:#22c55e1a}.kyc-level-step.current .kyc-level-dot{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px #3b5fe026}.kyc-level-label{color:var(--text-muted);font-size:.6rem}.kyc-level-step.unlocked .kyc-level-label{color:var(--success);font-weight:600}.kyc-level-step.current .kyc-level-label{color:var(--primary);font-weight:700}.kyc-dash-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:1rem;padding:1rem 1.25rem}.kyc-dash-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.9rem;font-weight:700;display:flex}.kyc-dash-card-body{flex-direction:column;gap:.5rem;display:flex}.kyc-dash-info-row{color:var(--text);justify-content:space-between;font-size:.78rem;display:flex}.kyc-dash-code{font-family:var(--font-en);color:var(--text-muted);direction:ltr}.kyc-dash-docs{flex-direction:column;gap:.5rem;display:flex}.kyc-dash-doc-row{justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.78rem;display:flex}.kyc-dash-success{background:var(--success-bg);border:1px solid var(--success);border-radius:var(--radius-lg);text-align:center;color:var(--success);padding:1rem;font-size:.85rem;font-weight:500;line-height:1.7}[data-theme=dark] .kyc-step-container{background:#1a1a30;border-color:#ffffff0f}[data-theme=dark] .kyc-doc-type-card,[data-theme=dark] .kyc-upload-zone{background:#13132a;border-color:#ffffff14}[data-theme=dark] .kyc-level-progress,[data-theme=dark] .kyc-dash-card{background:#1a1a30;border-color:#ffffff0f}[data-theme=dark] .kyc-review-section{background:#13132a}@media (width<=480px){.kyc-doc-type-grid{grid-template-columns:1fr 1fr;gap:.5rem}.kyc-upload-grid,.camera-choose{grid-template-columns:1fr}}.app-layout{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.header{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:40;height:var(--header-height);justify-content:space-between;align-items:center;padding:.55rem 1rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:.4rem;display:flex}.header-right{align-items:center;gap:.3rem;display:flex}.header-logo{color:var(--primary);letter-spacing:-.3px;font-size:1.05rem;font-weight:800}.header-btn{width:34px;height:34px;color:var(--text-muted);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;display:flex}.header-btn:hover{background:var(--bg-surface)}.header-avatar{background:var(--primary-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.65rem;font-weight:700;display:flex}.bottom-nav{height:calc(var(--bottom-nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-card);border-top:1px solid var(--border);z-index:50;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{min-width:52px;color:var(--text-muted);transition:all var(--transition);flex-direction:column;align-items:center;gap:1px;padding:.35rem .3rem;display:flex;position:relative}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active:after{content:"";background:var(--primary);border-radius:0 0 2px 2px;width:20px;height:2px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.bottom-nav-icon{font-size:1.15rem;line-height:1}.bottom-nav-label{margin-top:1px;font-size:.58rem;font-weight:500}.blue-card{border-radius:var(--radius-xl);color:#fff;background:linear-gradient(175deg,#4466e6 0%,#2a4ac0 50%,#1e3aa8 100%);border:none;margin-bottom:.7rem;padding:1.15rem 1.25rem;position:relative;overflow:hidden}.blue-card:before{content:"";background:#ffffff0a;border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;left:-20px}.blue-card:after{content:"";background:#ffffff08;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-40px;right:-30px}.blue-card-label{opacity:.75;letter-spacing:.3px;font-size:.7rem}.blue-card-amount{font-size:1.55rem;font-weight:800;font-family:var(--font-en);margin:.25rem 0 .15rem}.blue-card-sub{opacity:.6;font-size:.65rem}.blue-card-row{align-items:center;gap:1rem;margin-top:.6rem;display:flex}.blue-card-chip{opacity:.85;background:#ffffff1f;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.62rem;display:inline-flex}.blue-card-actions{border-top:1px solid #ffffff1a;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem;padding-top:.65rem;display:grid}.blue-card-btn{border-radius:var(--radius);color:#fff;transition:all var(--transition);background:#ffffff1a;justify-content:center;align-items:center;gap:.3rem;padding:.45rem;font-size:.72rem;font-weight:500;display:flex}.blue-card-btn:hover{background:#ffffff2e}.quick-actions{grid-template-columns:repeat(4,1fr);gap:.45rem;margin-bottom:.7rem;display:grid}.quick-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);cursor:pointer;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem .15rem;display:flex}.quick-item:hover{border-color:var(--primary-light);background:#3b5fe008}.quick-icon-box{border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;display:flex}.quick-label{color:var(--text-muted);font-size:.65rem;font-weight:500}.stats-row{grid-template-columns:repeat(4,1fr);gap:.45rem;margin-bottom:.7rem;display:grid}.stat-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;padding:.6rem .35rem}.stat-num{font-size:.9rem;font-weight:700;display:block}.stat-lbl{color:var(--text-muted);margin-top:.05rem;font-size:.6rem;display:block}.section-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:.7rem;padding:.9rem 1rem}.section-card-title{justify-content:space-between;align-items:center;margin-bottom:.45rem;display:flex}.section-card-title h2{font-size:.92rem;font-weight:700}.section-card-title a{color:var(--primary);font-size:.72rem}.tx-item{align-items:center;gap:.65rem;padding:.5rem 0;display:flex}.tx-icon-round{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;display:flex}.tx-icon-green{background:var(--success-bg)}.tx-icon-red{background:var(--danger-bg)}.tx-icon-blue{background:var(--info-bg)}.tx-icon-yellow{background:var(--warning-bg)}.tx-info{flex:1;min-width:0}.tx-desc{font-size:.8rem;font-weight:500}.tx-meta{color:var(--text-muted);margin-top:.04rem;font-size:.65rem}.tx-amount{text-align:left;font-size:.82rem;font-weight:700}.tx-amount-in{color:var(--success)}.tx-amount-out{color:var(--text)}.profile-header{text-align:center;padding:1.5rem 1rem .5rem}.profile-avatar-lg{background:var(--primary-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto .6rem;font-size:1.3rem;font-weight:700;display:flex}.profile-name{font-size:1.1rem;font-weight:700}.profile-phone{color:var(--text-muted);margin-top:.1rem;font-size:.78rem}.profile-section{margin-bottom:.7rem}.profile-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.6rem 0;display:flex}.profile-row:last-child{border-bottom:none}.profile-row-label{color:var(--text-muted);font-size:.8rem}.profile-row-value{text-align:left;font-size:.8rem;font-weight:500}.profile-row-value.dir-ltr{direction:ltr}.balance-card{border-radius:var(--radius-xl);color:#fff;background:linear-gradient(135deg,#4466e6,#2a4ac0);border:none;padding:1.15rem 1.25rem;position:relative;overflow:hidden}.balance-label{opacity:.75;font-size:.75rem}.balance-amount{font-size:1.55rem;font-weight:800;font-family:var(--font-en);margin:.25rem 0 .15rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem}.grid-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:1rem;display:flex;position:relative}.tab{color:var(--text-muted);transition:all var(--transition);white-space:nowrap;cursor:pointer;font-size:.8rem;font-weight:500;font-family:var(--font-fa);background:0 0;border:none;border-bottom:2px solid #0000;padding:.45rem .9rem;position:relative}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.select-field{appearance:none;cursor:pointer}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{color:var(--text-muted);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--bg-surface);color:var(--text)}[data-theme=dark] .card{background:#1a1a30;border-color:#ffffff0f}[data-theme=dark] .balance-card{background:linear-gradient(135deg,#2a4ac0,#1e3aa8)}[data-theme=dark] .tabs{border-color:#ffffff0f}[data-theme=dark] .tab{color:#fff6}[data-theme=dark] .tab.active{color:var(--primary-light)}[data-theme=dark] .input-field{color:#ffffffd9;background:#13132a;border-color:#ffffff14}[data-theme=dark] .input-field:focus{border-color:var(--primary-light)}[data-theme=dark] .btn-outline{color:#ffffffb3;border-color:#ffffff1f}[data-theme=dark] .btn-outline:hover{border-color:var(--primary-light);color:var(--primary-light)}[data-theme=dark] select.input-field{background:#13132a}[data-theme=dark] details.card{background:#1a1a30}[data-theme=dark] details.card summary{color:#ffffffd9}@media (width<=480px){.quick-actions,.stats-row{gap:.35rem}}[data-theme=dark] .app-layout{background:#0f0f1a}[data-theme=dark] .header{background:#16162a;border-color:#ffffff0f}[data-theme=dark] .header-btn{color:#ffffff80}[data-theme=dark] .header-btn:hover{background:#ffffff0f}[data-theme=dark] .bottom-nav{background:#16162a;border-color:#ffffff0f}[data-theme=dark] .bottom-nav-item{color:#fff6}[data-theme=dark] .bottom-nav-item.active{color:var(--primary-light)}[data-theme=dark] .quick-item{background:#1a1a30;border-color:#ffffff0f}[data-theme=dark] .quick-item:hover{background:#3b5fe00f;border-color:#5a7aef4d}[data-theme=dark] .stat-box,[data-theme=dark] .section-card{background:#1a1a30;border-color:#ffffff0f}[data-theme=dark] .tx-item{border-color:#ffffff0a}[data-theme=dark] .tx-desc,[data-theme=dark] .tx-amount-out{color:#ffffffd9}[data-theme=dark] .profile-row{border-color:#ffffff0f}[data-theme=dark] .profile-row-label{color:#ffffff73}[data-theme=dark] .badge{background:var(--danger)}