*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;color:#fff!important;background:#0f0f17!important}#root{color:#fff;background:#0f0f17;max-width:480px;min-height:100vh;margin:0 auto}.app{color:#fff;min-height:100vh;padding-bottom:80px}a{color:inherit;text-decoration:none}button{cursor:pointer;color:#fff;background:0 0;border:none;font-family:inherit;font-size:15px}input{color:#fff;font-family:inherit}.splash,.error-screen{text-align:center;color:#fff;background:#0f0f17;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.splash-logo{margin-bottom:12px;font-size:64px;animation:1.5s ease-in-out infinite pulse}.splash-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.error-icon{margin-bottom:12px;font-size:48px}.error-title{color:#fff;margin-bottom:8px;font-size:17px}.error-hint{color:#fff9;font-size:13px}.loading,.error{color:#fff9;background:#0f0f17;justify-content:center;align-items:center;min-height:50vh;display:flex}.page{color:#fff;flex-direction:column;gap:14px;padding:16px;display:flex}.page-header{align-items:center;gap:12px;margin:8px 0 6px;display:flex}.page-header h1{color:#fff;font-size:22px;font-weight:700}.back-btn{color:#fff;background:#1a1a26;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.logo{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.greeting{color:#fff9;margin-top:4px;font-size:13px}.balance-card,.earnings-card{text-align:center;color:#fff;border-radius:16px;padding:22px;position:relative;overflow:hidden}.balance-card{background:linear-gradient(135deg,#667eea,#764ba2)}.earnings-card{background:linear-gradient(135deg,#10b981,#059669)}.balance-card *,.earnings-card *{color:#fff!important}.balance-card:before{content:"";background:#ffffff14;border-radius:50%;width:200px;height:200px;position:absolute;top:-50%;right:-30%}.balance-label,.earnings-label{opacity:.9;margin-bottom:6px;font-size:13px}.balance-value,.earnings-value{letter-spacing:-1px;font-size:38px;font-weight:700}.currency{opacity:.85;font-size:22px}.balance-action{background:#fff3;border-radius:100px;margin-top:12px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-block}.status-card{color:#fff;background:#1a1a26;border-radius:16px;align-items:center;gap:14px;padding:16px;display:flex}.status-icon{font-size:28px}.status-info{flex:1}.status-title{color:#fff;font-size:15px;font-weight:600}.status-sub{color:#fff9;margin-top:2px;font-size:13px}.status-active .status-title{color:#10b981}.status-warning .status-title{color:#f59e0b}.quick-actions{flex-direction:column;gap:10px;display:flex}.action-card{color:#fff;background:#1a1a26;border-radius:16px;align-items:center;gap:14px;padding:16px;transition:transform .15s;display:flex}.action-card:active{transform:scale(.98)}.action-card.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.action-card.primary *{color:#fff!important}.action-icon{font-size:28px}.action-title{color:#fff;font-size:15px;font-weight:600}.action-sub{color:#fff9;margin-top:2px;font-size:13px}.action-card.primary .action-sub{color:#ffffffd9!important}.qr-card{background:#1a1a26;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.qr-container{background:#fff;border-radius:12px;padding:14px}.qr-hint{color:#fff9;font-size:13px}.config-card,.instruction-card,.topup-card,.sub-status-card,.pricing-card,.level-card,.referral-link-card,.how-it-works{color:#fff;background:#1a1a26;border-radius:16px;padding:16px}.config-card,.topup-card,.pricing-card,.referral-link-card{flex-direction:column;gap:12px;display:flex}.config-label,.topup-label,.link-label,.pricing-period{color:#fff9;font-size:13px}.config-url,.link-value{word-break:break-all;color:#fffc;background:#232333;border-radius:8px;padding:10px;font-family:ui-monospace,monospace;font-size:12px}.instruction-card h3,.how-it-works h3{color:#fff;margin-bottom:10px;font-size:15px}.instruction-card ol{padding-left:18px}.instruction-card li{color:#ffffffb3;padding:4px 0;font-size:14px}.instruction-card b{color:#fff}.sub-status-card{text-align:center;padding:20px}.sub-status-card.active{background:linear-gradient(135deg,#10b981,#059669)}.sub-status-card.active *{color:#fff!important}.sub-icon{margin-bottom:8px;font-size:40px}.sub-title{color:#fff;font-size:17px;font-weight:600}.sub-expiry{color:#fff9;margin-top:4px;font-size:13px}.pricing-card{padding:22px 18px;position:relative}.pricing-badge{color:#fff;background:#10b981;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:14px;right:14px}.pricing-price{align-items:baseline;gap:8px;display:flex}.price-old{color:#ffffff80;font-size:18px;text-decoration:line-through}.price-new{color:#fff;font-size:36px;font-weight:700}.pricing-features{color:#ffffffb3;flex-direction:column;gap:6px;font-size:14px;list-style:none;display:flex}.balance-info{color:#ffffffb3;background:#232333;border-radius:10px;padding:10px 14px;font-size:14px}.balance-info b{color:#fff}.info-text{color:#ffffff80;text-align:center;padding:0 14px;font-size:12px;line-height:1.5}.message{text-align:center;color:#fff;background:#232333;border-radius:10px;padding:12px;font-size:14px}.amount-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.amount-btn{color:#fff;background:#232333;border-radius:12px;padding:16px;font-size:16px;font-weight:600;transition:all .15s}.amount-btn.active{background:linear-gradient(135deg,#667eea,#764ba2)}.custom-amount label{color:#fff9;margin-bottom:6px;font-size:13px;display:block}.custom-amount input{background:#232333;border:1px solid #ffffff0f;border-radius:10px;width:100%;padding:12px 14px;font-size:15px;color:#fff!important}.custom-amount input:focus{border-color:#667eea;outline:none}.custom-amount input::placeholder{color:#fff6}.payment-methods{border-top:1px solid #ffffff0f;flex-direction:column;gap:8px;padding-top:8px;display:flex}.method{color:#ffffffb3;align-items:center;gap:10px;font-size:13px;display:flex}.error-message{text-align:center;background:#ef444426;border-radius:8px;padding:10px;font-size:13px;color:#ef4444!important}.levels-grid{flex-direction:column;gap:8px;display:flex}.level-card{align-items:center;gap:12px;padding:14px;display:flex}.level-badge{text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;min-width:50px;padding:8px 12px;font-size:14px;font-weight:700;color:#fff!important}.level-title{color:#fff;flex:1;font-size:14px;font-weight:600}.level-stats{color:#ffffffb3;gap:12px;font-size:13px;display:flex}.link-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.step{color:#ffffffb3;align-items:center;gap:12px;padding:8px 0;font-size:14px;display:flex}.step-num{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex;color:#fff!important}.btn{text-align:center;border-radius:12px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;transition:opacity .15s,transform .1s;display:block}.btn:active{opacity:.85;transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important}.btn-secondary{background:#232333;color:#fff!important}.btn-large{padding:16px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.main-content{padding-bottom:16px}.bottom-nav{-webkit-backdrop-filter:blur(20px);max-width:480px;padding:8px 4px calc(8px + env(safe-area-inset-bottom));z-index:100;background:#0f0f17f2;border-top:1px solid #ffffff0f;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px;font-size:11px;transition:color .15s;display:flex;color:#ffffff80!important}.nav-item.active{color:#667eea!important}.nav-icon{font-size:22px}.nav-label{font-size:11px;font-weight:500}.admin-tabs{background:#1a1a26;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;padding:4px;display:grid}.tab-btn{color:#fff9;background:0 0;border-radius:8px;padding:10px;font-size:13px;font-weight:600;transition:all .15s}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.stats-grid{flex-direction:column;gap:10px;display:flex}.stat-card{color:#fff;background:#1a1a26;border-radius:16px;padding:16px}.stat-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.success{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.revenue{background:linear-gradient(135deg,#f59e0b,#ea580c)}.stat-card.warning{background:#ef444426;border:1px solid #ef44444d}.stat-card *{color:#fff!important}.stat-card.warning .stat-value{color:#ef4444!important}.stat-card.warning .stat-label{color:#ef4444cc!important}.stat-label{opacity:.85;margin-bottom:4px;font-size:12px}.stat-value{font-size:26px;font-weight:700}.stat-sub{opacity:.7;margin-top:4px;font-size:11px}.search-input{color:#fff;background:#232333;border:1px solid #ffffff0f;border-radius:10px;width:100%;padding:12px 14px;font-size:14px}.search-input:focus{border-color:#667eea;outline:none}.search-input::placeholder{color:#fff6}.users-count{color:#ffffff80;padding:0 4px;font-size:12px}.users-list{flex-direction:column;gap:8px;display:flex}.user-row{background:#1a1a26;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.user-info{flex:1;min-width:0}.user-name{color:#fff;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.user-tg{color:#ffffff80;margin-top:2px;font-family:ui-monospace,monospace;font-size:11px}.user-balance{color:#10b981;font-size:14px;font-weight:600}.user-actions{gap:4px;display:flex}.action-mini{background:#232333;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:opacity .15s;display:flex}.action-mini:active{opacity:.7}.badge{letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.badge-danger{background:#ef444433;color:#ef4444!important}.badge-success{background:#10b98133;color:#10b981!important}html,body{margin:0;color:#fff!important;background:#0f0f17!important}*{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important}