code{font-family:Consolas,Courier New,monospace}:root{--bg:#f4efe6;--bg-soft:#fbf7f0;--surface:#fffbf5e6;--surface-strong:#fffaf3;--line:#20383d1f;--text:#183235;--muted:#6f7d74;--primary:#0f766e;--primary-strong:#0a4f4a;--accent:#d97745;--accent-soft:#f5d5c2;--success:#227a52;--danger:#b24f3f;--shadow-soft:0 18px 40px #2c332d14;--shadow-card:0 22px 48px #1832351f;--radius-lg:28px;--radius-md:20px;--radius-sm:14px}*{box-sizing:border-box}#root,body,html{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top left,#0f766e2e,#0000 30%),radial-gradient(circle at bottom right,#d977452e,#0000 28%),linear-gradient(180deg,#efe8da,#f7f2ea 46%,#f2ece3);color:#183235;color:var(--text);font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,sans-serif;margin:0}body:before{background-image:linear-gradient(#ffffff29 1px,#0000 0),linear-gradient(90deg,#ffffff29 1px,#0000 0);background-size:24px 24px;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,#00000080,#0000 72%);mask-image:linear-gradient(180deg,#00000080,#0000 72%);opacity:.35;pointer-events:none;position:fixed}.commission-title,.hero-title,.login-title,.modal-title,.product-title,.team-overview-title,.topbar-title,h1,h2,h3,h4,h5,h6{font-family:Georgia,Times New Roman,serif}button,input,select,textarea{font:inherit}.App{margin:0 auto;max-width:460px;min-height:100vh;position:relative;width:100%}.page-content{background:linear-gradient(180deg,#fffaf3e6,#f8f3e9f5);border-left:1px solid #ffffff8c;border-right:1px solid #ffffff8c;box-shadow:inset 0 1px 0 #ffffff73;max-height:calc(100vh - 94px);min-height:calc(100vh - 94px);overflow-y:auto;padding:16px 16px 104px}.page-content:after{bottom:82px;content:"";height:72px;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);width:min(428px,calc(100vw - 32px))}.topbar{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffbf5d1;border:1px solid #1832351a;border-radius:18px;box-shadow:0 18px 40px #2c332d14;box-shadow:var(--shadow-soft);display:flex;justify-content:space-between;margin-bottom:18px;padding:14px 16px}.topbar-back{align-items:center;background:#0f766e14;border-radius:50%;color:#0a4f4a;color:var(--primary-strong);cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}.topbar-title{font-size:17px;font-weight:700;letter-spacing:.02em}.card{background:linear-gradient(180deg,#ffffffe0,#fff8f1eb);border:1px solid #20383d1f;border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 48px #1832351f;box-shadow:var(--shadow-card);margin:0 0 16px;padding:18px}.flash,.flash-error{border:1px solid #0000;border-radius:16px;font-size:13px;line-height:1.5;margin:0 0 16px;padding:13px 14px}.flash{background:#227a5217;border-color:#227a522e;color:#227a52;color:var(--success)}.flash-error{background:#b24f3f1a;border-color:#b24f3f2e;color:#b24f3f;color:var(--danger)}.form-label{color:#6f7d74;color:var(--muted);display:block;font-size:11px;font-weight:700;letter-spacing:.14em;margin-bottom:8px;text-transform:uppercase}.form-input{background:#fffcf7f2;border:1px solid #1832351f;border-radius:16px;color:#183235;color:var(--text);outline:none;padding:14px 15px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.form-input:focus{border-color:#0f766e80;box-shadow:0 0 0 4px #0f766e14;transform:translateY(-1px)}.btn{border:none;border-radius:16px;cursor:pointer;font-weight:700;letter-spacing:.02em;min-height:48px;padding:12px 18px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:100%}.btn:hover{transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-primary{background:linear-gradient(135deg,#0f766e,#0a4f4a);background:linear-gradient(135deg,var(--primary) 0,var(--primary-strong) 100%);box-shadow:0 14px 28px #0f766e38;color:#fff7ef}.btn-outline{background:#fffbf5bf;border:1px solid #18323524;color:#183235;color:var(--text)}.btn-danger{background:linear-gradient(135deg,#be5f48,#8d3e33);color:#fff7ef}.empty-state{background:#fffcf7b8;border:1px dashed #18323524;border-radius:18px;color:#6f7d74;color:var(--muted);padding:34px 20px;text-align:center}.dashboard-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-card{background:#fffaf3db;border:1px solid #18323514;border-radius:16px;box-shadow:inset 0 1px 0 #fff6;padding:12px}.dashboard-card .value{color:#183235;color:var(--text);font-size:15px;font-weight:700;line-height:1.25}.dashboard-card .label{color:#6f7d74;color:var(--muted);font-size:11px;line-height:1.35;margin-top:4px}.tabs{background:#fff9f1db;border:1px solid #1832351a;border-radius:18px;display:flex;gap:8px;margin:0 0 16px;padding:6px}.tab{background:#0000;border:none;border-radius:14px;color:#6f7d74;color:var(--muted);cursor:pointer;flex:1 1;font-size:12px;font-weight:700;letter-spacing:.08em;padding:11px 12px}.tab.active{background:linear-gradient(135deg,#d977452e,#0f766e24);box-shadow:inset 0 0 0 1px #0f766e1f;color:#183235;color:var(--text)}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.08em;padding:6px 10px;text-transform:uppercase}.badge,.overlay{justify-content:center}.overlay{align-items:flex-end;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18201f7a;display:flex;inset:0;padding:16px;position:fixed;z-index:1000}.modal{background:linear-gradient(180deg,#fffdf9,#f6f0e7);border:1px solid #18323514;border-radius:26px 26px 0 0;box-shadow:0 -18px 40px #1832352e;max-width:430px;padding:22px;width:100%}.modal-title{color:#183235;color:var(--text);font-size:22px;font-weight:700;margin:0 0 16px;text-align:center}a{color:inherit}@media (max-width:480px){.page-content{padding:14px 14px 102px}.dashboard-cards{gap:8px}.dashboard-card{padding:10px}}.bottom-nav{grid-gap:6px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff8efe0;border:1px solid #1832351f;border-radius:30px;bottom:12px;box-shadow:0 18px 42px #18323529;display:grid;gap:6px;grid-template-columns:repeat(5,1fr);left:50%;padding:10px;position:fixed;transform:translateX(-50%);width:min(430px,calc(100vw - 24px));z-index:200}.nav-item{align-items:center;border-radius:20px;color:var(--muted);display:flex;flex-direction:column;font-size:10px;font-weight:700;gap:5px;justify-content:center;letter-spacing:.08em;min-height:58px;position:relative;text-decoration:none;text-transform:uppercase;transition:background .2s ease,color .2s ease,transform .2s ease}.nav-item svg{height:20px;width:20px}.nav-item:hover{color:var(--text);transform:translateY(-1px)}.nav-item.active{background:linear-gradient(180deg,#d9774529,#0f766e1f);color:var(--text)}.nav-wallet{align-items:center;background:linear-gradient(135deg,var(--accent) 0,#b85d37 100%);border:3px solid #fff8efeb;border-radius:20px;box-shadow:0 14px 28px #d9774552;color:#fff8f1;display:flex;height:52px;justify-content:center;margin-top:-22px;width:52px}.nav-wallet svg{height:22px;width:22px}.loading-container{align-items:center;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:center;padding:32px}.loading-spinner{margin-bottom:16px;position:relative}.spinner-circle{animation:spin 1s linear infinite;border:4px solid #0063cc1a;border-radius:50%;border-top-color:#09c;box-shadow:0 0 20px #0063cc40;height:48px;width:48px}.spinner-circle:before{animation:spin 1.5s linear infinite reverse;border:4px solid #0000;border-radius:50%;border-top-color:#ff006e;bottom:-4px;content:"";left:-4px;opacity:.7;position:absolute;right:-4px;top:-4px}.spinner-circle:after{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#0063cc33;bottom:2px;content:"";left:2px;position:absolute;right:2px;top:2px}.spinner-small .spinner-circle{border-width:3px;height:32px;width:32px}.spinner-small .spinner-circle:after,.spinner-small .spinner-circle:before{border-width:2px;bottom:-2px;left:-2px;right:-2px;top:-2px}.spinner-large .spinner-circle{border-width:6px;height:80px;width:80px}.spinner-large .spinner-circle:after,.spinner-large .spinner-circle:before{border-width:4px;bottom:-4px;left:-4px;right:-4px;top:-4px}.loading-message{animation:pulse 2s ease-in-out infinite;color:#09c;font-size:16px;font-weight:500;letter-spacing:.5px;margin-top:16px;text-align:center}.loading-dots{align-items:center;display:flex;gap:8px}.loading-dot{animation:bounce 1.4s ease-in-out infinite both;background:linear-gradient(135deg,#00d4ff,#ff006e);border-radius:50%;height:8px;width:8px}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.loading-wave{align-items:center;display:flex;gap:4px}.loading-bar{animation:wave 1.2s ease-in-out infinite both;background:linear-gradient(135deg,#00d4ff,#ff006e);border-radius:2px;height:20px;width:4px}.loading-bar:first-child{animation-delay:-.4s}.loading-bar:nth-child(2){animation-delay:-.2s}.loading-bar:nth-child(3){animation-delay:0s}.loading-bar:nth-child(4){animation-delay:.2s}.loading-bar:nth-child(5){animation-delay:.4s}@keyframes wave{0%,60%,to{opacity:.4;transform:scaleY(.4)}30%{opacity:1;transform:scaleY(1)}}.page-transition-container{min-height:100vh;overflow:hidden;position:relative;width:100%}.page-transition-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8fafff2,#fffffff2);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%;z-index:1000}.page-transition-overlay.active{opacity:1;visibility:visible}.transition-spinner{height:60px;position:relative;width:60px}.spinner-ring{animation:spin 1s linear infinite;border:3px solid #0063cc1a;border-radius:50%;border-top-color:#09c;height:100%;position:absolute;width:100%}.spinner-ring:nth-child(2){animation-delay:-.33s;height:80%;left:10%;top:10%;width:80%}.spinner-ring:nth-child(3){animation-delay:-.66s;height:60%;left:20%;top:20%;width:60%}.page-content-wrapper{opacity:1;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.page-content-wrapper.loading{filter:blur(1px);opacity:.3;transform:translateY(10px)}.page-content-wrapper.loaded{filter:blur(0);opacity:1;transform:translateY(0)}.page-enter{opacity:0;transform:translateX(30px)}.page-enter-active{transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.page-enter-active,.page-exit{opacity:1;transform:translateX(0)}.page-exit-active{opacity:0;transform:translateX(-30px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}@media (max-width:480px){.transition-spinner{height:40px;width:40px}.page-transition-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.particle-background{background:linear-gradient(135deg,#667eea,#764ba2);filter:blur(.5px);opacity:.6}@media (max-width:768px){.particle-background{opacity:.3}}@media (max-width:480px){.particle-background{filter:blur(1px);opacity:.2}}.toast-container{display:flex;flex-direction:column;gap:12px;max-width:400px;position:fixed;right:20px;top:20px;z-index:10000}.toast{align-items:center;animation:slideInRight .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border:1px solid #e8e8ff;border-radius:12px;box-shadow:0 10px 30px #0063cc26;display:flex;gap:12px;min-width:300px;overflow:hidden;padding:16px 20px;position:relative}.toast-success{background:#06d6a014;border-left:4px solid #06d6a0}.toast-error{background:#e0144c14;border-left:4px solid #e0144c}.toast-warning{background:#ffbe0b14;border-left:4px solid #ffbe0b}.toast-info{background:#0099cc14;border-left:4px solid #09c}.toast-icon{align-items:center;display:flex;font-size:18px;font-weight:700;justify-content:center;min-width:20px}.toast-success .toast-icon{color:#06d6a0}.toast-error .toast-icon{color:#e0144c}.toast-warning .toast-icon{color:#ffbe0b}.toast-info .toast-icon{color:#09c}.toast-content{flex:1 1}.toast-message{color:#1a1a2e;font-size:14px;font-weight:500;line-height:1.4;margin:0}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;opacity:.7;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:24px}.toast-close:hover{background:#0000001a;opacity:1}.toast-progress{animation:progress 4s linear forwards;background:currentColor;border-radius:0 0 16px 16px;bottom:0;height:3px;left:0;position:absolute}.toast-success .toast-progress{background:#06d6a0}.toast-error .toast-progress{background:#e0144c}.toast-warning .toast-progress{background:#ffbe0b}.toast-info .toast-progress{background:#00d4ff}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes progress{0%{width:100%}to{width:0}}.toast:hover{box-shadow:0 15px 35px #0063cc33;transform:translateY(-2px)}@media (max-width:480px){.toast-container{left:10px;max-width:none;right:10px;top:10px}.toast{margin:0 10px;min-width:auto}}.toast:first-child{animation-delay:0s}.toast:nth-child(2){animation-delay:.1s}.toast:nth-child(3){animation-delay:.2s}.toast:nth-child(4){animation-delay:.3s}.toast:nth-child(5){animation-delay:.4s}.home-page .modal-info{background:#fffbf5db;border:1px solid #18323514;border-radius:18px;color:var(--text);line-height:1.6;margin-bottom:18px;padding:16px}.hero-card{background:linear-gradient(135deg,#17413e,#0f766e 56%,#d97745);border-radius:28px;box-shadow:0 24px 42px #103d3a47;color:#fffaf2;margin-bottom:16px;overflow:hidden;padding:22px;position:relative}.hero-circle{border-radius:50%;height:180px;position:absolute;width:180px}.hero-circle-top{background:radial-gradient(circle,#ffffff2e,#0000 60%);right:-60px;top:-60px}.hero-circle-bottom{background:radial-gradient(circle,#ffffff1f,#0000 60%);bottom:-70px;left:-50px}.hero-icon-wrap{align-items:center;background:#ffffff24;border:1px solid #ffffff2e;border-radius:18px;display:flex;height:58px;justify-content:center;width:58px}.hero-title{font-size:30px;font-weight:700;line-height:1.05}.hero-subtitle{color:#fffaf2d1;font-size:13px;margin-top:6px}.hero-chip{align-items:center;background:#ffffff1f;border:1px solid #ffffff29;border-radius:999px;display:inline-flex;font-size:12px;padding:8px 12px}.slider-wrap{background:#fffbf5eb;border:1px solid #18323514;border-radius:28px;box-shadow:var(--shadow-card);height:188px;margin-bottom:16px;overflow:hidden;position:relative}.slider-container{display:flex;height:100%;transition:transform .5s ease}.slider-item{height:100%;min-width:100%;position:relative}.slider-image{height:100%;object-fit:cover;width:100%}.slider-gradient{background:linear-gradient(180deg,#0000 35%,#112625ad);inset:0;position:absolute}.placeholder-slide{align-items:center;background:linear-gradient(135deg,#214946,#7d5538);color:#fffaf2;display:flex;flex-direction:column;justify-content:center}.slider-placeholder-title{font-size:30px;font-weight:700}.slider-placeholder-subtitle{color:#fffaf2c7;font-size:12px;letter-spacing:.16em;margin-top:6px;text-transform:uppercase}.slider-dots{bottom:16px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%)}.slider-dot{background:#ffffff7a;border-radius:999px;cursor:pointer;height:8px;width:8px}.slider-dot.active{background:#fffaf2;width:22px}.marquee-wrap{align-items:center;background:#102c2ab8;bottom:0;display:flex;gap:8px;left:0;padding:10px 14px;position:absolute;right:0}.badge-live{background:#fff7ef29;border-radius:999px;color:#fffaf2;font-size:10px;font-weight:700;letter-spacing:.08em;padding:4px 8px;text-transform:uppercase}.marquee-content{flex:1 1;overflow:hidden}.marquee-content span{animation:marquee 20s linear infinite;color:#fffaf2e6;display:inline-block;font-size:12px;white-space:nowrap}@keyframes marquee{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.icon-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.icon-link{background:#fffbf5d6;border:1px solid #18323514;border-radius:20px;box-shadow:var(--shadow-soft);flex-direction:column;gap:8px;min-height:92px;padding:12px 8px;text-align:center;text-decoration:none}.icon-circle,.icon-link{align-items:center;display:flex;justify-content:center}.icon-circle{border-radius:14px;color:#fffaf2;font-size:15px;font-weight:700;height:40px;width:40px}.icon-link span{color:var(--text);font-size:11px;font-weight:700}.promo-card .promo-title{font-size:22px;font-weight:700;margin-bottom:6px}.promo-card .promo-meta{color:var(--muted);line-height:1.6}.commission-title{font-size:24px;font-weight:700}.commission-subtitle{color:var(--muted);font-size:13px;margin-top:4px}.commission-link{align-items:center;background:#0f766e14;border-radius:999px;color:var(--primary-strong);display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.08em;padding:8px 12px;text-decoration:none;text-transform:uppercase}.commission-grid-simple{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.commission-card-simple{background:#fffbf5db;border:1px solid #18323514;border-radius:20px;box-shadow:var(--shadow-soft);padding:16px 12px;text-align:center}.commission-percent-simple{color:var(--accent);font-size:30px;font-weight:700}.commission-label-simple{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;margin-top:6px;text-transform:uppercase}.login-page{background:linear-gradient(115deg,#0b6b4f,#149f76 48%,#d8b628 0,#f3da57);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:28px 16px;position:relative}.login-page:before{background:radial-gradient(circle at 12% 18%,#ffffff38,#0000 22%),radial-gradient(circle at 84% 82%,#ffffff2e,#0000 24%),linear-gradient(180deg,#06221a29,#ffffff0a);content:"";inset:0;position:absolute}.login-page:after{border:1px solid #ffffff29;border-radius:36px;content:"";inset:18px}.login-background,.login-page:after{pointer-events:none;position:absolute}.login-background{inset:0}.login-background:after,.login-background:before{border-radius:999px;content:"";opacity:.95;position:absolute}.login-background:before{background:radial-gradient(circle,#81ebb84d,#0000 62%);height:380px;left:-150px;top:-120px;width:380px}.login-background:after{background:radial-gradient(circle,#fff3aa57,#0000 62%);bottom:-120px;height:360px;right:-140px;width:360px}.login-card,.login-form-wrap,.login-page .flash{margin-left:auto;margin-right:auto;position:relative;width:min(100%,440px);z-index:1}.login-card,.login-form-wrap{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #ffffff73;border-radius:32px;box-shadow:0 28px 56px #12372238}.login-card{overflow:hidden;padding:30px 24px}.login-card:before{background:linear-gradient(90deg,#0b6b4f,#149f76,#e0c437);content:"";height:6px;inset:0 0 auto 0;position:absolute}.login-card-header{text-align:center}.login-logo{align-items:center;background:linear-gradient(135deg,#0b6b4f,#149f76 55%,#e0c437);border:1px solid #ffffff42;border-radius:28px;box-shadow:0 18px 32px #0b6b4f42;display:flex;height:86px;justify-content:center;margin:0 auto 18px;width:86px}.login-logo svg{fill:#fff;stroke:#ffffff6b;stroke-width:1.6;height:40px;width:40px}.login-title{color:#184a31;font-size:36px;font-weight:700;margin:0}.login-subtitle{color:#6f806c;font-size:14px;line-height:1.6;margin:9px auto 0;max-width:320px}.login-form-wrap{margin-top:16px;padding:22px}.login-form-wrap form>p{color:#6f806c;margin-top:0}.form-group{margin-bottom:16px}.form-label{color:#6a7f67}.form-input{background:#f8fcf6eb;border:1px solid #184a311f;border-radius:18px;padding:15px 16px}.form-input:focus{border-color:#149f7673;box-shadow:0 0 0 4px #149f7614}.input-icon{position:relative}.input-icon .icon{color:#6f806c;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon{padding-left:44px}.login-form-wrap .btn-primary{background:linear-gradient(135deg,#0b6b4f,#149f76 58%,#e0c437);box-shadow:0 16px 28px #0b6b4f3d;margin-top:4px}.login-links{margin-top:18px;text-align:center}.login-links p{color:#6f806c;margin:0}.link-action,.link-secondary{color:#0b6b4f;font-weight:700;text-decoration:none}.link-secondary{display:inline-block;font-size:13px;margin-top:12px}.link-action:hover,.link-secondary:hover{text-decoration:underline}.login-page .flash{margin-bottom:0;margin-top:14px}.flash-success{background:#227a521f;border:1px solid #227a522e;color:#1d6d49}.flash-error{background:#b24f3f1f;border:1px solid #b24f3f2e;color:#a34d3f}@media (max-width:640px){.login-page{background:linear-gradient(180deg,#0b6b4f,#149f76 36%,#e0c437);padding:20px 14px}.login-page:after{border-radius:28px;inset:12px}.login-card{padding:24px 18px}.login-form-wrap{padding:18px}.login-title{font-size:30px}.login-subtitle{font-size:13px}}.products-page{color:var(--text)}.products-kicker{color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.18em;margin-bottom:8px;text-transform:uppercase}.products-hero{grid-gap:18px;background:radial-gradient(circle at top right,#0f766e1f,#0000 30%),linear-gradient(180deg,#fffcf7f5,#f5ecdfeb);display:grid;gap:18px}.products-hero h1{font-size:30px;line-height:1.1;margin:0 0 10px}.products-hero p{color:var(--muted);line-height:1.6;margin:0}.products-hero-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.products-hero-stats div{background:#fff9f1db;border:1px solid #18323514;border-radius:18px;padding:12px}.products-hero-stats strong{color:var(--text);display:block;font-size:18px;margin-bottom:4px}.products-hero-stats span{color:var(--muted);font-size:11px}.product-card{background:linear-gradient(180deg,#ffffffeb,#fff8f0f0);border:1px solid #1832351a;border-radius:24px;box-shadow:var(--shadow-card);margin-bottom:14px;overflow:hidden}.product-header{align-items:flex-start;background:linear-gradient(180deg,#0f766e0f,#fff0);display:flex;gap:14px;padding:16px}.product-media{flex-shrink:0}.product-img{background:#ffffffe0;border:1px solid #18323514;border-radius:18px;height:64px;object-fit:cover;width:64px}.product-fallback{align-items:center;background:linear-gradient(135deg,#0f766e24,#d9774526);color:var(--primary);display:flex;justify-content:center}.product-header-copy{flex:1 1;min-width:0}.product-title-row{display:flex;gap:10px;justify-content:space-between}.product-title{font-size:22px;font-weight:700;line-height:1.1}.product-subtitle{color:var(--muted);font-size:12px;margin-top:4px}.product-price{color:var(--accent);font-size:18px;font-weight:700;min-width:max-content}.product-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.badge-vip{background:#0f766e1f;color:var(--primary-strong)}.badge-hot{background:#d9774529;color:#9c4d24}.product-body{padding:2px 16px 10px}.product-row{border-bottom:1px dashed #1832351f;color:var(--muted);display:flex;font-size:13px;gap:14px;justify-content:space-between;padding:10px 0}.product-row:last-child{border-bottom:none}.product-row .val{color:var(--text);font-weight:700}.product-footer{padding:0 16px 16px}.product-note{color:var(--muted);display:block;font-size:11px;line-height:1.45;margin-top:8px}.modal-handle{background:#18323529;border-radius:999px;height:4px;margin:0 auto 18px;width:42px}.product-confirm-card{background:#fffbf5e6;border:1px solid #18323514;border-radius:18px;margin-bottom:18px;padding:16px;text-align:center}.product-confirm-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:6px;text-transform:uppercase}.product-confirm-name{color:var(--text);font-size:18px;font-weight:700}.product-confirm-price{color:var(--accent);font-size:28px;font-weight:700;margin-top:4px}.user-hero{background:radial-gradient(circle at top right,#ffffff2e,#0000 30%),linear-gradient(135deg,#0f766e,#164e4a 54%,#d97745);border-radius:26px;box-shadow:0 24px 46px #11403b3d;color:#fff7ef;margin:0 0 16px;padding:20px}.user-hero h2{font-size:28px;font-weight:700;margin:0}.user-hero .dashboard-card{background:#fffaf22e;border:1px solid #ffffff24;box-shadow:none}.user-hero .dashboard-card .value{color:#fffaf2}.user-hero .dashboard-card .label{color:#fff7efc7}.menu-list{background:#fffbf5d6;border:1px solid #1832351a;border-radius:24px;box-shadow:var(--shadow-card);margin:0 0 16px;overflow:hidden}.menu-item{align-items:center;border-bottom:1px solid #18323514;color:var(--text);display:flex;gap:14px;padding:14px 16px;text-decoration:none}.menu-item:last-child{border-bottom:none}.menu-item-icon{align-items:center;background:linear-gradient(180deg,#0f766e1f,#d977451f);border-radius:14px;color:var(--primary-strong);display:flex;height:42px;justify-content:center;min-width:42px;width:42px}.menu-item-title{font-size:14px;font-weight:700}.menu-item-sub{color:var(--muted);font-size:11px;margin-top:3px}.menu-arrow{color:var(--muted);font-size:18px}.logout-btn{margin:0;width:100%}.transactions-page{color:var(--text)}.transaction-hero{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.transaction-kicker{color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.transaction-hero h1{font-size:24px;line-height:1.2;margin:8px 0 0}.transaction-summary-pill{background:#0f766e14;border-radius:999px;color:var(--primary-strong);font-size:11px;font-weight:700;padding:8px 12px;white-space:nowrap}.transactions-tabs-wrap{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.transactions-filter-btn{background:#fffbf5db;border:1px solid #1832351a;border-radius:999px;color:var(--muted);cursor:pointer;font-size:12px;font-weight:700;padding:10px 14px;white-space:nowrap}.transactions-filter-btn.active{background:linear-gradient(135deg,#0f766e,#17413e);border-color:#0000;color:#fffaf2}.transactions-list{grid-gap:10px;display:grid;gap:10px}.transaction-card{align-items:flex-start;background:#fffbf5db;border:1px solid #18323514;border-radius:20px;box-shadow:var(--shadow-soft);display:flex;gap:12px;padding:16px}.transaction-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.transaction-icon.credit{background:#227a521f;color:#227a52}.transaction-icon.debit{background:#b24f3f1f;color:#b24f3f}.transaction-content{flex:1 1;min-width:0}.transaction-topline{display:flex;gap:12px;justify-content:space-between}.transaction-title{color:var(--text);font-size:15px;font-weight:700}.transaction-category{color:var(--muted);font-size:11px;letter-spacing:.08em;margin-top:4px;text-transform:uppercase}.transaction-amount{font-size:15px;font-weight:700;text-align:right;white-space:nowrap}.transaction-amount.credit{color:#227a52}.transaction-amount.debit{color:#b24f3f}.transaction-meta-row{color:var(--muted);display:flex;font-size:12px;gap:10px;justify-content:space-between;margin-top:10px}.transaction-badge{background:#1832350f;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.08em;padding:4px 8px;text-transform:uppercase}.recharge-overview-card{margin-bottom:16px}.recharge-headline{color:var(--text);font-size:24px;font-weight:700}.recharge-subline{color:var(--muted);font-size:13px;line-height:1.55;margin-top:8px}.recharge-step-chip{background:#0f766e14;border-radius:999px;color:var(--primary-strong);display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:10px;padding:6px 10px;text-transform:uppercase}.recharge-balance-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:16px}.recharge-balance-card{background:#fffbf5c7;border:1px solid #18323514;border-radius:18px;padding:14px}.recharge-balance-card span{color:var(--muted);display:block;font-size:11px;margin-bottom:6px}.recharge-balance-card strong{color:var(--text);font-size:18px}.method-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.method-card{background:#fffbf5d6;border:1px solid #18323514;border-radius:20px;box-shadow:var(--shadow-soft);cursor:pointer;padding:16px;text-align:left}.method-icon-wrap{align-items:center;background:linear-gradient(135deg,#0f766e1f,#d9774524);border-radius:14px;color:var(--primary-strong);display:flex;height:44px;justify-content:center;margin-bottom:14px;width:44px}.method-title{color:var(--text);font-size:15px;font-weight:700}.method-note{color:var(--muted);font-size:12px;line-height:1.5;margin-top:5px}.recharge-payment-card{text-align:center}.payment-card-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;text-align:left}.payment-card-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.payment-card-value{color:var(--text);font-size:18px;font-weight:700;margin-top:8px;word-break:break-word}.switch-method-btn{background:#fffbf5e6;border:1px solid #1832351f;border-radius:12px;color:var(--text);cursor:pointer;font-weight:700;padding:8px 12px}.payment-qr{background:#fff;border:1px solid #18323514;border-radius:18px;height:180px;margin:18px auto 12px;object-fit:contain;padding:10px;width:180px}.payment-card-hint{color:var(--muted);font-size:12px;line-height:1.5}.amount-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.amount-btn{background:#fffbf5e6;border:1px solid #1832351f;border-radius:14px;color:var(--text);cursor:pointer;font-size:14px;font-weight:700;padding:12px 16px;transition:all .2s ease}.amount-btn:hover{border-color:#0f766e59;transform:translateY(-1px)}.amount-btn.selected{background:linear-gradient(135deg,#0f766e,#17413e);border-color:#0000;box-shadow:0 10px 20px #0f766e2e;color:#fff}@media (max-width:480px){.method-grid,.recharge-balance-grid{grid-template-columns:1fr}}.withdraw-balance-card{animation:fadeInUp .6s ease-out;background:linear-gradient(135deg,#2ecc8a0f,#2ecc8a05);border:1px solid #2ecc8a2e;border-radius:12px;margin-bottom:16px;padding:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.withdraw-balance-label{color:#6a7b96;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.withdraw-balance-amount{color:#28c67f;font-family:Sora,sans-serif;font-size:30px;font-weight:800;margin-bottom:4px}.withdraw-balance-hint{color:#9aa4c0;font-size:11px;margin-top:4px}.withdraw-no-account{padding:16px 16px 0}.withdraw-account-required{padding:16px}.withdraw-account-empty{animation:fadeInUp .6s ease-out;background:#fff;border:1px solid #dbe7ff;border-radius:14px;margin:0;padding:30px 20px;text-align:center}.withdraw-account-emoji{font-size:32px;margin-bottom:12px}.withdraw-account-title{color:#1f2a3f;font-weight:600;margin-bottom:8px}.withdraw-account-text{color:#6a7b96;font-size:13px;line-height:1.5;margin-bottom:16px}.withdraw-form{padding:16px}.withdraw-form-card{background:#fff;border:1px solid #dbe7ff;border-radius:14px;box-shadow:0 12px 26px #15275114;margin-bottom:14px;padding:16px}.withdraw-fee-info{align-items:center;animation:slideDown .4s ease-out;background:#f5a62314;border:1px solid #f5a62333;border-radius:10px;color:#ffa100;display:flex;font-size:12px;gap:8px;margin-bottom:14px;padding:12px 14px}.withdraw-fee-info svg{flex-shrink:0;height:16px;width:16px}@media (max-width:480px){.withdraw-balance-amount{font-size:24px}.withdraw-form-card{padding:12px}}.refer-page{color:var(--text)}.refer-hero{margin-bottom:16px}.refer-hero-badge{background:#0f766e14;border-radius:999px;color:var(--primary-strong);display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.08em;padding:6px 10px;text-transform:uppercase}.refer-hero-title{font-size:24px;font-weight:700;line-height:1.2;margin-top:14px}.refer-hero-desc{color:var(--muted);font-size:13px;line-height:1.6;margin-top:10px}.refer-grid{grid-gap:12px;display:grid;gap:12px;margin-bottom:16px}.refer-card{background:#fffbf5e0;border:1px solid #18323514;border-radius:22px;box-shadow:var(--shadow-soft);padding:18px}.refer-card-wide{margin-bottom:8px}.refer-section-title{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.refer-code-box{background:#0f766e14;color:var(--primary-strong);font-size:24px;font-weight:700;letter-spacing:.16em;padding:16px;text-align:center}.refer-code-box,.refer-link-box{border-radius:18px;margin-top:12px}.refer-link-box{border:1px dashed #18323529;line-height:1.5;padding:14px;word-break:break-all}.refer-copy-btn,.refer-link-box{background:#fffbf5e6;color:var(--text)}.refer-copy-btn{border:1px solid #1832351f;border-radius:14px;cursor:pointer;font-weight:700;margin-top:12px;padding:10px 14px}.refer-copy-btn.copied{background:linear-gradient(135deg,#0f766e,#17413e);border-color:#0000;color:#fffaf2}.refer-commission-list{grid-gap:10px;display:grid;gap:10px;margin-top:14px}.refer-commission-item{align-items:center;background:#fffbf5e6;border:1px solid #18323514;border-radius:18px;display:flex;gap:12px;padding:14px}.refer-level-badge{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-weight:700;height:42px;justify-content:center;width:42px}.refer-level-info{flex:1 1}.refer-level-name{color:var(--text);font-size:14px;font-weight:700}.refer-level-desc{color:var(--muted);font-size:12px;margin-top:4px}.refer-level-percent{font-size:22px;font-weight:700}.team-page{color:var(--text)}.team-hero{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.team-kicker{color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.team-hero h1{font-size:24px;line-height:1.2;margin:8px 0 0}.team-level-pill{background:#0f766e14;border-radius:999px;color:var(--primary-strong);font-size:11px;font-weight:700;padding:8px 12px;white-space:nowrap}.team-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.team-stat-card{background:#fffbf5db;border:1px solid #18323514;border-radius:20px;box-shadow:var(--shadow-soft);padding:16px}.team-stat-card span{color:var(--muted);display:block;font-size:11px;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.team-stat-card strong{color:var(--text);display:block;font-size:22px;line-height:1.2}.team-stat-card.blue strong{color:#1d5f8c}.team-stat-card.green strong{color:#227a52}.team-stat-card.sand strong{color:#b86d2f}.team-tabs{margin-bottom:16px}.team-tab{display:flex;flex-direction:column;gap:4px}.team-tab small{font-size:10px;opacity:.8}.team-members-wrap{grid-gap:10px;display:grid;gap:10px}.team-member-card{background:#fffbf5e0;border:1px solid #18323514;border-radius:20px;box-shadow:var(--shadow-soft);gap:12px;padding:16px}.team-avatar,.team-member-card{align-items:center;display:flex}.team-avatar{background:linear-gradient(135deg,#0f766e1f,#d977451f);border-radius:15px;color:var(--primary-strong);flex-shrink:0;height:46px;justify-content:center;width:46px}.team-member-main{flex:1 1;min-width:0}.team-member-name{color:var(--text);font-size:15px;font-weight:700}.team-member-date{color:var(--muted);font-size:12px;margin-top:4px}.team-member-side{flex-shrink:0}.team-badge{background:#0f766e1a;border-radius:999px;color:var(--primary-strong);display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.08em;padding:6px 10px;text-transform:uppercase}.orders-page{color:var(--text)}.orders-hero{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.orders-kicker{color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.orders-hero h1{font-size:24px;line-height:1.2;margin:8px 0 0}.orders-count-pill{background:#0f766e14;border-radius:999px;color:var(--primary-strong);font-size:11px;font-weight:700;padding:8px 12px;white-space:nowrap}.orders-container{grid-gap:12px;display:grid;gap:12px}.orders-empty{color:var(--muted);padding:40px 20px;text-align:center}.orders-empty a{color:var(--primary-strong);display:inline-block;font-weight:700;margin-top:8px;text-decoration:none}.order-card{background:#fffbf5e0;border:1px solid #18323514;border-radius:24px;box-shadow:var(--shadow-soft);overflow:hidden}.order-header{align-items:center;background:linear-gradient(180deg,#0f766e0d,#fff0);display:flex;gap:12px;padding:16px}.order-img{background:#ffffffd9;border:1px solid #18323514;border-radius:16px;flex-shrink:0;height:56px;object-fit:cover;width:56px}.order-img-fallback{align-items:center;background:linear-gradient(135deg,#0f766e1f,#d977451f);color:var(--primary-strong);display:flex;justify-content:center}.order-info{flex:1 1;min-width:0}.order-name{color:var(--text);font-size:17px;font-weight:700}.order-badge{border-radius:999px;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.08em;margin-top:8px;padding:5px 10px;text-transform:uppercase}.order-badge-active{background:#227a521f;color:#227a52}.order-badge-expired{background:#b24f3f1f;color:#b24f3f}.order-income{text-align:right}.order-income-label{color:var(--muted);font-size:11px}.order-income-value{color:#227a52;font-size:16px;font-weight:700;margin-top:4px}.order-body{padding:0 16px 10px}.order-row{border-bottom:1px dashed #1832351f;color:var(--muted);display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:10px 0}.order-row:last-child{border-bottom:none}.order-row-value{color:var(--text);font-weight:700}.order-footer{border-top:1px solid #1832350f;padding:14px 16px 16px}.order-progress-head{color:var(--muted);display:flex;font-size:12px;gap:10px;justify-content:space-between;margin-bottom:10px}.order-progress-bar{background:#18323514;border-radius:999px;height:8px;overflow:hidden;width:100%}.order-progress-fill{background:linear-gradient(135deg,#0f766e,#17413e);border-radius:inherit;height:100%}.order-progress-percentage{color:var(--primary-strong);font-size:12px;font-weight:700;margin-top:10px}.bank-security-alert{align-items:center;animation:slideDown .5s ease-out;background:#2ecc8a0f;border:1px solid #2ecc8a2e;border-radius:10px;color:#28c67f;display:flex;font-size:12px;gap:8px;margin-bottom:16px;padding:12px 14px}.bank-security-alert svg{color:#28c67f;flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bank-form-container{padding:16px}.bank-form-card{animation:fadeIn .6s ease-out;background:#fff;border:1px solid #dbe7ff;border-radius:16px;margin-bottom:14px;padding:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bank-form-group{animation:slideInForm .6s ease-out;margin-bottom:14px}.bank-form-group:last-child{margin-bottom:0}@keyframes slideInForm{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.bank-form-group:first-child{animation-delay:.1s}.bank-form-group:nth-child(2){animation-delay:.2s}.bank-form-group:nth-child(3){animation-delay:.3s}.bank-form-group:nth-child(4){animation-delay:.4s}.bank-form-group:nth-child(5){animation-delay:.5s}.bank-form-label{color:#6a7b96;display:block;font-size:11px;font-weight:600;letter-spacing:.7px;margin-bottom:7px;text-transform:uppercase}.bank-form-input{background:#f9fbff;border:1px solid #d7e0f2;border-radius:12px;color:#1f2a3f;font-family:inherit;font-size:14px;outline:none;padding:11px 12px;transition:all .3s ease;width:100%}.bank-form-input:focus{background:#fff;border-color:#2268ff;box-shadow:0 0 0 3px #2268ff14;transform:translateY(-1px)}.bank-form-input::placeholder{color:#9aaace}.bank-form-input[type=tel]{letter-spacing:.5px}.bank-form-input[type=text][style*=text-transform]{font-weight:600;letter-spacing:1px;text-transform:uppercase}.bank-submit-btn{animation:fadeIn .6s ease-out .6s backwards;background:linear-gradient(135deg,#1b53d9,#2268ff);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;min-height:44px;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.bank-submit-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.bank-submit-btn:active:before{height:300px;width:300px}.bank-submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #2268ff4d;transform:translateY(-2px)}.bank-submit-btn:active:not(:disabled){transform:translateY(0)}.bank-submit-btn:disabled{cursor:not-allowed;opacity:.7}.bank-submit-btn .loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;margin-right:6px;vertical-align:middle;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.bank-error-message{align-items:flex-start;animation:slideDown .3s ease-out;background:#ff5b5b14;border:1px solid #ff5b5b38;border-radius:10px;color:#ff4d5a;display:flex;font-size:13px;gap:8px;line-height:1.4;margin-bottom:14px;padding:12px 14px}.bank-error-message:before{content:"⚠️";flex-shrink:0}.bank-form-success{animation:fadeIn .6s ease-out;padding:20px 16px;text-align:center}.bank-success-icon{align-items:center;animation:scaleIn .5s cubic-bezier(.4,0,.2,1);background:#2ecc8a1a;border:2px solid #28c67f;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 12px;width:60px}.bank-success-icon svg{stroke:currentColor;stroke-width:2;color:#28c67f;height:32px;width:32px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.bank-success-title{color:#1f2a3f;font-family:Sora,sans-serif;font-size:16px;font-weight:700;margin-bottom:4px}.bank-success-subtitle{color:#7d8aa9;font-size:12px;margin-bottom:12px}.bank-success-button{background:linear-gradient(135deg,#1b53d9,#2268ff);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:10px 16px;transition:all .3s ease}.bank-success-button:hover{box-shadow:0 4px 12px #2268ff4d;transform:translateY(-2px)}@media (max-width:480px){.bank-form-container{padding:12px}.bank-form-card{border-radius:14px}.bank-form-input{font-size:13px;padding:10px 11px}.bank-submit-btn{font-size:13px;min-height:40px}.bank-security-alert{font-size:11px;gap:6px;padding:10px 12px}.bank-security-alert svg{height:14px;width:14px}}
/*# sourceMappingURL=main.7f481d07.css.map*/