@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap";.notification-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px}.notification{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:var(--radius-md, 12px);box-shadow:0 4px 12px #0000004d;border:1px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:notifSlideIn .3s ease;min-width:280px}@keyframes notifSlideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.notification-content{display:flex;align-items:center;gap:12px;flex:1}.notification-icon{font-size:18px;font-weight:700;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.notification-message{flex:1;font-size:.9rem;font-weight:500;line-height:1.4}.notification-close{background:transparent;border:none;color:inherit;font-size:22px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;opacity:.7;flex-shrink:0;margin-left:12px}.notification-close:hover{opacity:1;background:#ffffff1a}.notification-success{background:#00ff8826;border-color:#00ff884d;color:#0f8}.notification-success .notification-icon{background:#0f83}.notification-error{background:#ff475726;border-color:#ff47574d;color:#ff4757}.notification-error .notification-icon{background:#ff475733}.notification-warning{background:#ff950026;border-color:#ff95004d;color:#ff9500}.notification-warning .notification-icon{background:#ff950033}.notification-info{background:#0088ff26;border-color:#0088ff4d;color:#08f}.notification-info .notification-icon{background:#08f3}@media (max-width: 768px){.notification-container{top:70px;right:10px;left:10px;max-width:none}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary, #141a2a) 25%,var(--bg-card-hover, rgba(20, 26, 42, .9)) 50%,var(--bg-tertiary, #141a2a) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:#0f1525cc;border:1px solid var(--border, rgba(255,255,255,.1));border-radius:var(--radius-md, 12px);padding:2rem;display:flex;align-items:center;gap:1.25rem}.skeleton-card-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.udm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem;animation:udmFadeIn .22s ease}@keyframes udmFadeIn{0%{opacity:0}to{opacity:1}}.udm-modal{background:#0a101efa;border:1px solid var(--border-glow);border-radius:var(--radius-lg);padding:0;max-width:480px;width:100%;box-shadow:0 24px 64px #000000a6,0 0 48px #00ff8814;animation:udmSlideUp .26s ease;max-height:92vh;overflow-y:auto}@keyframes udmSlideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.udm-header{display:flex;align-items:center;gap:.9rem;padding:1.5rem 1.75rem 1.25rem;border-bottom:1px solid var(--border)}.udm-header-icon{font-size:2rem;flex-shrink:0;line-height:1}.udm-header h3{margin:0 0 .2rem;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.udm-header-sub{margin:0;font-size:.82rem;color:var(--text-secondary)}.udm-header-sub strong{color:var(--primary);-webkit-text-fill-color:var(--primary)}.udm-header>div:nth-child(2){flex:1}.udm-close{position:relative;z-index:2;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;padding:.25rem .5rem;border-radius:var(--radius);transition:color .15s,background .15s;flex-shrink:0;margin-left:auto}.udm-close:hover:not(:disabled){color:var(--text);background:#ffffff0f}.udm-step{padding:1.5rem 1.75rem}.udm-step-label{font-size:.88rem;color:var(--text-secondary);margin:0 0 1.25rem;line-height:1.5}.udm-step-label strong{color:var(--text)}.udm-count-row{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-bottom:1.25rem}.udm-count-btn{width:44px;height:44px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--border);color:var(--text);font-size:1.4rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease;flex-shrink:0}.udm-count-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#00ff8814}.udm-count-btn:disabled{opacity:.3;cursor:not-allowed}.udm-count-value{display:flex;flex-direction:column;align-items:center;min-width:80px}.udm-count-num{font-size:3rem;font-weight:800;line-height:1;color:var(--primary);text-shadow:0 0 20px rgba(0,255,136,.3)}.udm-count-label{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.udm-quick-steps{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.udm-quick-label{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.udm-chip{padding:.3rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s ease}.udm-chip:hover{border-color:var(--primary);color:var(--primary);background:#00ff880f}.udm-chip.active{border-color:var(--primary);color:var(--primary);background:#00ff881f}.udm-options{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.25rem}.udm-option-card{width:100%;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);padding:.9rem 1rem;cursor:pointer;text-align:left;color:var(--text);transition:all .18s ease;display:block}.udm-option-card:hover{border-color:#00ff8859;background:#00ff880a}.udm-option-card.selected{border-color:var(--primary);background:#00ff8812;box-shadow:0 0 0 1px #00ff882e}.udm-oc-top{display:flex;align-items:flex-start;gap:.65rem;margin-bottom:.75rem}.udm-oc-icon{font-size:1.35rem;line-height:1;flex-shrink:0;margin-top:.05rem}.udm-oc-text{flex:1;min-width:0}.udm-oc-name{display:block;font-weight:700;font-size:.93rem;color:var(--text);margin-bottom:.2rem}.udm-oc-desc{display:block;font-size:.76rem;color:var(--text-muted);line-height:1.4}.udm-oc-radio{width:17px;height:17px;border:2px solid var(--border-glow);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.udm-option-card.selected .udm-oc-radio{border-color:var(--primary)}.udm-oc-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);display:block}.udm-oc-details{border-top:1px solid var(--border);padding-top:.65rem;display:grid;grid-template-columns:1fr 1fr;gap:.35rem .5rem}.udm-oc-row{display:flex;flex-direction:column;gap:.1rem;font-size:.78rem}.udm-oc-row span{color:var(--text-muted)}.udm-oc-row strong{color:var(--text);font-size:.83rem}.udm-oc-price-row{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px dashed rgba(0,255,136,.15);font-size:.83rem}.udm-oc-price-row span{color:var(--text-secondary)}.udm-oc-price{font-size:1.1rem!important;font-weight:700!important;color:var(--primary)!important;text-shadow:0 0 10px rgba(0,255,136,.22)}.udm-balance-ok{color:var(--primary)!important;-webkit-text-fill-color:var(--primary)!important}.udm-option-card.unaffordable{opacity:.75}.udm-oc-lack{font-size:.72rem;color:var(--danger, #ff4757);font-weight:500;white-space:nowrap}.udm-topup-block{background:#ff47570a;border:1px solid rgba(255,71,87,.2);border-radius:var(--radius-md);padding:1rem 1.1rem;margin-bottom:1rem}.udm-topup-summary{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.9rem;padding-bottom:.9rem;border-bottom:1px solid rgba(255,71,87,.15)}.udm-topup-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.udm-topup-row span:first-child{color:var(--text-secondary)}.udm-topup-row strong{color:var(--text);font-weight:600}.udm-topup-bal{color:var(--danger, #ff4757);font-weight:600}.udm-topup-lack-row{margin-top:.15rem;padding-top:.5rem;border-top:1px dashed rgba(255,71,87,.2)}.udm-topup-lack-amount{color:var(--danger, #ff4757)!important;font-size:1.05rem!important}.udm-topup-toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;background:linear-gradient(135deg,#00ff881f,#0088ff14);border:1px solid rgba(0,255,136,.3);border-radius:var(--radius);color:var(--primary);font-size:.92rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:left}.udm-topup-toggle:hover:not(:disabled){background:linear-gradient(135deg,#0f83,#0088ff24);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 14px #00ff882e}.udm-topup-toggle:disabled{opacity:.5;cursor:not-allowed}.udm-topup-toggle-icon{font-size:1.1rem;flex-shrink:0}.udm-topup-chevron{margin-left:auto;font-size:.8rem;transition:transform .2s}.udm-pay-methods{margin-top:.75rem;animation:udmFadeIn .2s ease}.udm-pay-methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:.65rem}.udm-pay-btn{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.9rem .5rem;background:var(--bg-tertiary);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;transition:all .18s ease;font-weight:600;font-size:.8rem}.udm-pay-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.75rem;animation:udmFadeIn .2s ease}.udm-pay-error,.udm-pay-hint{grid-column:1 / -1}.udm-pay-btn:hover:not(:disabled){border-color:var(--primary);background:#00ff8812;transform:translateY(-2px);box-shadow:0 4px 14px #00ff881f}.udm-pay-btn:disabled{opacity:.4;cursor:not-allowed}.udm-pay-icon{font-size:1.5rem;line-height:1}.udm-pay-label{font-size:.78rem;color:var(--text-secondary)}.udm-pay-btn:hover:not(:disabled) .udm-pay-label{color:var(--primary)}.udm-pay-error{font-size:.8rem;color:var(--danger, #ff4757);text-align:center;margin:0;padding:.4rem .5rem;background:#ff47570f;border-radius:var(--radius)}.udm-pay-hint{font-size:.75rem;color:var(--text-muted);text-align:center;margin:0}.udm-pay-hint a{color:var(--primary);text-decoration:none;font-weight:600}.udm-pay-hint a:hover{text-decoration:underline}.udm-waiting{display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;background:#00ff880f;border:1px solid rgba(0,255,136,.18);border-radius:var(--radius);font-size:.88rem;color:var(--text-secondary)}.udm-check-btn{margin-left:auto;background:transparent;border:1px solid var(--primary);color:var(--primary);padding:.3rem .7rem;border-radius:var(--radius);cursor:pointer;font-size:.78rem;font-weight:600;white-space:nowrap;transition:all .18s;flex-shrink:0}.udm-check-btn:hover{background:#00ff881a}.udm-spinner-dark{border-color:#0003;border-top-color:var(--primary)}.udm-error-block{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.25rem}.udm-error{font-size:.84rem;color:var(--danger, #ff4757);text-align:center;margin:0;padding:.5rem .75rem;background:#ff47570f;border-radius:var(--radius)}.udm-actions{display:flex;gap:.65rem}.udm-primary-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg);border:none;padding:.85rem 1.25rem;border-radius:var(--radius);cursor:pointer;font-weight:700;font-size:.97rem;transition:var(--transition);box-shadow:var(--shadow-primary);text-transform:uppercase;letter-spacing:.4px}.udm-primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0f86}.udm-primary-btn:disabled{opacity:.45;cursor:not-allowed}.udm-cancel-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.85rem 1.1rem;border-radius:var(--radius);cursor:pointer;font-weight:600;font-size:.88rem;transition:var(--transition);white-space:nowrap}.udm-cancel-btn:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text)}.udm-cancel-btn:disabled{opacity:.35;cursor:not-allowed}.udm-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.25);border-top-color:var(--bg);border-radius:50%;animation:udmSpin .7s linear infinite;flex-shrink:0}@keyframes udmSpin{to{transform:rotate(360deg)}}@media (max-width: 480px){.udm-modal{max-height:95vh}.udm-header{padding:1.25rem 1.25rem 1rem}.udm-step{padding:1.25rem}.udm-oc-details{grid-template-columns:1fr}.udm-oc-price-row{grid-column:1}}.dashboard{color:var(--text);animation:fadeIn .4s ease-in}.dashboard h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.smart-banner{background:linear-gradient(135deg,#00ff881f,#0088ff14);border:1px solid rgba(0,255,136,.25);border-radius:var(--radius-md);padding:1.5rem 2rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;box-shadow:0 0 20px #00ff881a;animation:fadeIn .4s ease-in}.quick-nav{display:flex;gap:1rem;margin-bottom:2rem}.quick-nav-btn{flex:1;display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:#0f1525cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;font-size:1rem;font-weight:600;transition:all .25s ease;box-shadow:var(--shadow);position:relative;overflow:hidden}.quick-nav-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);transform:scaleX(0);transition:transform .25s ease}.quick-nav-btn:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-lg),0 0 16px #00ff8826}.quick-nav-btn:hover:before{transform:scaleX(1)}.quick-nav-btn:active{transform:translateY(-2px)}.quick-nav-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,255,136,.3))}.quick-nav-label{line-height:1.2}@media (max-width: 768px){.quick-nav{flex-direction:column}}.smart-banner-device{background:linear-gradient(135deg,#0088ff1f,#00ff8814);border-color:#0088ff40;box-shadow:0 0 20px #0088ff1a}.smart-banner-content{display:flex;align-items:center;gap:1rem;flex:1}.smart-banner-icon{font-size:2.5rem}.smart-banner-content h3{font-size:1.15rem;font-weight:700;color:var(--text);margin:0 0 .25rem}.smart-banner-content p{color:var(--text-secondary);font-size:.9rem;margin:0}.smart-banner-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg);border:none;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #0f83;white-space:nowrap}.smart-banner-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f86}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:#0f1525cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-md);padding:2rem;display:flex;align-items:center;gap:1.25rem;transition:var(--transition);position:relative;overflow:hidden;box-shadow:var(--shadow)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);transform:scaleX(0);transition:var(--transition)}.stat-card:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:var(--shadow-lg),var(--shadow-glow)}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,255,136,.3));transition:transform .3s ease}.stat-card:hover .stat-icon{transform:translateY(-6px)}.stat-content{flex:1}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:var(--text);font-size:1.75rem;font-weight:700;line-height:1.2}.stat-subtext{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.expiry-warn{color:var(--warning);font-weight:600}.expiry-expired{color:var(--danger);font-weight:600}.stat-value-limit{font-size:1rem;font-weight:500;color:var(--text-muted)}.stat-card-upgradable{cursor:pointer}.stat-card-upgradable:hover{border-color:#00ff8880!important;box-shadow:var(--shadow-lg),0 0 20px #00ff8826!important}.upgrade-devices-btn{display:inline-flex;align-items:center;gap:.3rem;margin-top:.6rem;padding:.35rem .85rem;background:linear-gradient(135deg,#00ff8826,#0088ff1a);border:1px solid rgba(0,255,136,.35);border-radius:20px;color:var(--primary);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.2px;white-space:nowrap}.upgrade-devices-btn:hover{background:linear-gradient(135deg,#00ff8847,#0088ff2e);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #0f83}.quick-nav-btn-upgrade{background:linear-gradient(135deg,#00ff881a,#0088ff12);border-color:#00ff8840}.quick-nav-btn-upgrade:hover{border-color:var(--primary)!important;background:#00ff881f!important}.info-section{background:#0f1525cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-md);padding:2rem;margin-top:2rem;box-shadow:var(--shadow);transition:var(--transition)}.info-section:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg)}.info-section h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.referral-info{display:flex;flex-direction:column;gap:.75rem}.referral-info p{margin:0;color:var(--text)}.referral-info strong{color:var(--primary)}.referral-link-row{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;align-items:stretch}.referral-code{width:100%;box-sizing:border-box;background:var(--bg-tertiary);padding:.75rem 1rem;border-radius:var(--radius);color:var(--primary);font-family:Monaco,Menlo,monospace;font-size:.85rem;border:1px solid var(--border);word-break:break-all;display:flex;align-items:center}.referral-copy-btn{align-self:flex-start;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg);border:none;border-radius:var(--radius);cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s ease;box-shadow:0 4px 14px #00ff8826;white-space:nowrap}.referral-copy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00ff884d}.dashboard .loading{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1.1rem}@media (max-width: 768px){.dashboard h1{font-size:1.75rem;margin-bottom:1.5rem}.smart-banner{flex-direction:column;align-items:stretch;padding:1.25rem}.smart-banner-btn{width:100%;text-align:center}}.devices{color:var(--text);animation:fadeIn .4s ease-in}.devices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}.devices h1{font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.devices-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.add-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg);border:none;padding:.875rem 1.75rem;border-radius:var(--radius);cursor:pointer;font-weight:700;font-size:1rem;transition:var(--transition);box-shadow:var(--shadow-primary)}.add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f86}.add-device-form{background:#0f1525cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-md);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.devices .form-group{margin-bottom:1rem}.devices .form-group label{display:block;margin-bottom:.5rem;color:var(--text);font-weight:500}.devices .form-group input,.devices .form-group select{width:100%;padding:.875rem 1.25rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem;transition:var(--transition)}.devices .form-group input:focus,.devices .form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00ff881a;background:var(--bg-card)}.devices .submit-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg);border:none;padding:1rem 2rem;border-radius:var(--radius);cursor:pointer;font-weight:700;margin-top:1rem;transition:var(--transition);box-shadow:var(--shadow-primary);font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.devices .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0f86}.devices .submit-btn:disabled{opacity:.6;cursor:not-allowed}.devices .empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.empty-title{font-size:1.15rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.empty-cta{margin-top:1.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg);border:none;border-radius:var(--radius);cursor:pointer;font-weight:700;font-size:1rem;transition:var(--transition);box-shadow:var(--shadow-primary)}.empty-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f86}.devices-list{display:grid;gap:1rem}.device-card{background:#0f1525cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-md);padding:2rem;display:flex;justify-content:space-between;align-items:center;transition:var(--transition);box-shadow:var(--shadow);position:relative;overflow:hidden}.device-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);transform:scaleX(0);transition:var(--transition)}.device-card:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:var(--shadow-lg),var(--shadow-glow)}.device-card:hover:before{transform:scaleX(1)}.device-info h3{color:var(--primary);margin-bottom:.5rem}.device-info p{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0}.device-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.action-btn{padding:.625rem 1.25rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font-size:.9rem;font-weight:600;transition:var(--transition)}.action-btn:hover{background:var(--bg-card-hover);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.action-btn.delete{background:#ff47571a;border-color:var(--danger);color:var(--danger)}.action-btn.delete:hover{background:#ff475733}.confirm-delete{display:flex;align-items:center;gap:.5rem;animation:fadeIn .2s ease}.confirm-delete span{color:var(--danger);font-weight:600;font-size:.85rem}.confirm-yes{background:#ff475726!important;border-color:var(--danger)!important;color:var(--danger)!important;padding:.4rem .75rem!important;font-size:.85rem!important}.confirm-no{padding:.4rem .75rem!important;font-size:.85rem!important}.devices .loading{text-align:center;padding:2rem;color:var(--text-secondary)}.devices .error-state{text-align:center;padding:3rem;color:var(--danger)}.devices .error-state p{margin-bottom:1rem}.devices .retry-btn{background:var(--primary);color:var(--bg);border:none;padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer;font-weight:600}.error-message{background:#ff47571a;border:1px solid var(--danger);color:var(--danger);padding:1rem;border-radius:var(--radius);margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.retry-link{background:transparent;border:none;color:var(--primary);cursor:pointer;text-decoration:underline;margin-left:1rem}.form-hint{color:var(--text-secondary);font-size:.9rem;margin-top:.5rem;margin-bottom:1rem}.form-hint strong{color:var(--primary)}.key-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-in;overflow-y:auto}.key-modal{background:var(--bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out;border:1px solid var(--border)}.key-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:#0f1525cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.key-modal-header h2{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.key-modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:2rem;line-height:1;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:var(--transition)}.key-modal-close:hover{background:var(--bg-tertiary);color:var(--text);transform:rotate(90deg)}.key-modal-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.key-cta-link{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#00ff881f,#0088ff14);border:2px solid var(--primary);border-radius:var(--radius-md);text-decoration:none;color:var(--text);transition:all .2s ease;box-shadow:0 0 20px #00ff881a}.key-cta-link:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00ff8840;background:linear-gradient(135deg,#00ff882e,#0088ff1f)}.key-cta-step{width:40px;height:40px;min-width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg);box-shadow:0 0 16px #00ff884d}.key-cta-text{display:flex;flex-direction:column;gap:.2rem;flex:1}.key-cta-text strong{color:var(--primary);font-size:1rem}.key-cta-text small{color:var(--text-secondary);font-size:.8rem}.key-cta-arrow{font-size:1.5rem;color:var(--primary);font-weight:700;flex-shrink:0;transition:transform .2s ease}.key-cta-link:hover .key-cta-arrow{transform:translate(4px)}.key-alt-section{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem}.key-alt-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.key-alt-step{width:28px;height:28px;min-width:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;background:var(--bg);border:2px solid var(--border);color:var(--text-muted)}.key-alt-title{color:var(--text-secondary);font-weight:600;font-size:.85rem}.key-alt-options{display:flex;gap:1.25rem;align-items:flex-start}.key-qr-compact{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0}.key-qr-compact .key-qr-hint{color:var(--text-muted);font-size:.7rem;margin:0}.key-alt-buttons{display:flex;flex-direction:column;gap:.5rem;flex:1}.key-action-btn{width:100%;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s ease;text-align:center;background:var(--bg);color:var(--text)}.key-action-btn:hover{border-color:var(--border-glow);transform:translateY(-1px)}.key-action-btn.copy{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg);border-color:var(--primary);font-weight:700}.key-action-btn.copy:hover{box-shadow:0 4px 14px #00ff884d}.key-action-btn.telegram{background:#0088ff1f;border-color:#0088ff4d;color:#08f}.key-action-btn.telegram:hover{background:#08f3}.key-raw-details{border-top:1px solid var(--border);padding-top:.75rem}.key-raw-details summary{color:var(--text-muted);font-size:.8rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600}.key-raw-details summary:hover{color:var(--text-secondary)}.key-raw-url{margin-top:.5rem;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--primary);font-family:Monaco,Menlo,monospace;font-size:.7rem;word-break:break-all;line-height:1.4;max-height:6rem;overflow-y:auto}.key-error{text-align:center;padding:2rem;color:var(--danger)}.key-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.help-setup-btn{padding:.75rem 1.25rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s ease;white-space:nowrap}.help-setup-btn:hover{border-color:var(--primary);color:var(--primary);background:#00ff880f}@media (max-width: 768px){.devices h1{font-size:1.75rem}.device-card{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem}.device-actions{width:100%}.key-modal-content{padding:1rem}.key-alt-options{flex-direction:column;align-items:center}.key-alt-buttons{width:100%}.key-cta-link{padding:1rem;gap:.75rem}.key-cta-text strong{font-size:.9rem}.devices-header-actions{width:100%;justify-content:space-between}}.tariff-selector{display:flex;flex-direction:column;gap:2rem}.ts-label{display:block;color:var(--text);font-weight:600;font-size:1rem;margin-bottom:1rem}.ts-devices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.ts-device-input-wrap{display:flex;align-items:center;gap:.375rem}.ts-device-input{width:64px;padding:.5rem .625rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--primary);font-size:1.1rem;font-weight:700;text-align:center;transition:border-color .2s ease;-moz-appearance:textfield}.ts-device-input::-webkit-inner-spin-button,.ts-device-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ts-device-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00ff881f}.ts-device-unit{color:var(--text-secondary);font-size:.9rem;font-weight:500}.ts-slider-wrap{margin-bottom:.75rem}.ts-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,var(--primary) 0%,var(--primary) var(--progress, 0%),var(--bg-tertiary) var(--progress, 0%),var(--bg-tertiary) 100%);outline:none;cursor:pointer;transition:background .1s ease}.ts-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:2px solid var(--bg);box-shadow:0 2px 8px #00ff8859;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.ts-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 14px #00ff8880}.ts-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:2px solid var(--bg);box-shadow:0 2px 8px #00ff8859;cursor:pointer}.ts-slider:disabled{opacity:.5;cursor:not-allowed}.ts-slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;overflow-x:auto;gap:.25rem;scrollbar-width:none;-ms-overflow-style:none}.ts-slider-labels::-webkit-scrollbar{display:none}.ts-tier-label{font-size:.7rem;color:var(--text-muted);font-weight:500;white-space:nowrap;flex-shrink:0}.ts-device-summary{display:flex;justify-content:space-between;align-items:center;padding:.625rem 1rem;background:#00ff880f;border:1px solid rgba(0,255,136,.15);border-radius:var(--radius)}.ts-device-rate{color:var(--text-secondary);font-size:.9rem}.ts-device-total{color:var(--primary);font-weight:700;font-size:1rem}.ts-periods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.ts-period-card{position:relative;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);padding:1.25rem 1rem;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.35rem;overflow:hidden}.ts-period-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);transform:scaleX(0);transition:transform .2s ease}.ts-period-card:hover:not(:disabled){border-color:var(--border-glow);background:var(--bg-card-hover);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.ts-period-card:hover:not(:disabled):before{transform:scaleX(1)}.ts-period-card.selected{border-color:var(--primary);background:linear-gradient(135deg,#00ff8826,#0088ff1a);box-shadow:0 0 18px #00ff882e}.ts-period-card.selected:before{transform:scaleX(1)}.ts-period-card:disabled{opacity:.5;cursor:not-allowed}.ts-period-name{font-weight:700;font-size:1rem;color:var(--text)}.ts-period-card.selected .ts-period-name{color:var(--primary)}.ts-period-price{font-size:1.3rem;font-weight:700;color:var(--primary);text-shadow:0 0 16px rgba(0,255,136,.25)}.ts-period-badge{position:absolute;top:8px;right:8px;padding:.15rem .5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--bg);font-size:.7rem;font-weight:700;border-radius:var(--radius-full)}.ts-period-popular{font-size:.7rem;font-weight:700;color:var(--secondary);text-transform:uppercase;letter-spacing:.5px}.ts-summary{background:linear-gradient(135deg,#00ff881a,#0088ff14);border:1px solid var(--border-glow);border-radius:var(--radius-md);padding:1.25rem 1.5rem;position:relative;overflow:hidden}.ts-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%)}.ts-summary-row{display:flex;justify-content:space-between;align-items:center}.ts-summary-main{margin-bottom:.5rem}.ts-summary-main>span{font-size:1.1rem;font-weight:600;color:var(--text)}.ts-summary-price-wrap{display:flex;align-items:baseline;gap:.75rem}.ts-price-old{font-size:1rem;color:var(--text-muted);text-decoration:line-through}.ts-price-final{font-size:1.75rem;font-weight:700;color:var(--primary);text-shadow:0 0 18px rgba(0,255,136,.3)}.ts-summary-details{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-secondary)}.ts-savings{color:var(--success);font-weight:600}.ts-discount-info{display:flex;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06);font-size:.8rem;color:var(--text-muted)}@media (max-width: 768px){.ts-periods-grid{grid-template-columns:repeat(2,1fr)}.ts-tier-label{font-size:.6rem}.ts-price-final{font-size:1.5rem}}.payments{color:var(--text);animation:fadeIn .4s ease-in}.payments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.payments h1{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.balance-display{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,#00ff881a,#0088ff1a);border:1px solid var(--border-glow);border-radius:var(--radius);box-shadow:var(--shadow-glow)}.balance-label{color:var(--text-secondary);font-size:.85rem}.balance-value{color:var(--primary);font-size:1.3rem;font-weight:700;text-shadow:0 0 20px rgba(0,255,136,.3)}.payment-section{background:#0f1525cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.75rem;margin-bottom:1.25rem;box-shadow:var(--shadow);transition:var(--transition)}.payment-section:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg)}.payment-section h2{font-size:1.35rem;font-weight:700;margin-bottom:1.25rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-number{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg);font-size:.8rem;font-weight:700;margin-right:.6rem;vertical-align:middle;-webkit-text-fill-color:var(--bg)}.balance-summary{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.25rem}.balance-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.balance-summary-row+.balance-summary-row{border-top:1px solid var(--border)}.balance-summary-row span{color:var(--text-secondary);font-size:.9rem}.balance-summary-row strong{font-size:1rem;color:var(--text)}.shortfall-row{background:#ff47570f;margin-top:.25rem;padding:.75rem 0;border-top:1px solid rgba(255,71,87,.15)}.text-success{color:var(--success)!important;font-weight:600}.text-danger{color:var(--danger)!important;font-weight:600}.text-accent{color:var(--warning, #ffb347)!important}.ready-to-buy{text-align:center}.ready-badge{display:inline-block;color:var(--success);font-weight:600;font-size:.9rem;margin-bottom:1rem;padding:.5rem 1rem;background:#00ff8814;border:1px solid rgba(0,255,136,.2);border-radius:var(--radius)}.purchase-btn{width:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg);border:none;padding:1rem 2rem;border-radius:var(--radius);cursor:pointer;font-weight:700;font-size:1.05rem;transition:var(--transition);box-shadow:var(--shadow-primary);text-transform:uppercase;letter-spacing:.5px}.purchase-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0f86}.purchase-btn:active:not(:disabled){transform:translateY(0)}.purchase-btn:disabled{opacity:.5;cursor:not-allowed}.topup-block{text-align:center}.topup-hint{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.topup-hint strong{color:var(--primary)}.payment-methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.75rem}.payment-methods-grid.compact{margin-top:.75rem}.payment-method-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .75rem;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s ease}.payment-method-btn.sm{padding:.75rem .5rem}.payment-method-btn:hover:not(:disabled){border-color:var(--primary);background:#00ff880f;transform:translateY(-2px);box-shadow:0 4px 16px #00ff881f}.payment-method-btn:disabled{opacity:.4;cursor:not-allowed}.pm-icon{font-size:1.75rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.payment-method-btn.sm .pm-icon{font-size:1.35rem;width:2rem;height:2rem}.pm-label{font-size:.8rem;color:var(--text-secondary);text-align:center;line-height:1.3}.payment-method-btn:hover:not(:disabled) .pm-label{color:var(--primary)}.payment-processing-hint{text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:.5rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.payment-support-hint{margin-top:1rem;padding:.6rem .75rem;background:#ffc1070f;border:1px solid rgba(255,193,7,.15);border-radius:var(--radius);font-size:.78rem;color:var(--text-muted);text-align:center}.payment-support-hint a{color:var(--primary);text-decoration:none;font-weight:600}.payment-support-hint a:hover{text-decoration:underline}.waiting-block{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem;background:#00ff880d;border:1px solid rgba(0,255,136,.15);border-radius:var(--radius);margin-bottom:.75rem;color:var(--text-secondary);font-size:.9rem}.waiting-spinner-inline{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.check-balance-btn{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:.35rem .75rem;border-radius:var(--radius);cursor:pointer;font-weight:600;font-size:.8rem;transition:all .2s ease;white-space:nowrap}.check-balance-btn:hover{background:#00ff881a}.manual-topup-section{margin-bottom:1.5rem}.manual-topup-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:.5rem 0;transition:color .2s ease}.manual-topup-toggle:hover{color:var(--text-secondary)}.manual-topup-body{background:#0f152599;border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-top:.75rem;max-width:450px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.payments .form-group{margin-bottom:.75rem}.payments .form-group label{display:block;margin-bottom:.4rem;color:var(--text-secondary);font-weight:500;font-size:.85rem}.payments .form-group input{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem;transition:var(--transition)}.payments .form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00ff881a}.payments .loading,.payments .empty-state{text-align:center;padding:2rem;color:var(--text-secondary)}.payments .retry-btn{background:var(--primary);color:var(--bg);border:none;padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer;font-weight:600;margin-top:.5rem}.payments .retry-btn:hover{opacity:.9}.balance-polling{font-size:.75rem;color:var(--text-muted);animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.setup-prompt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:1rem}.setup-prompt{background:#0f1525f2;border:1px solid var(--border-glow);border-radius:var(--radius-lg);padding:2.5rem 2rem;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080,0 0 40px #00ff881a;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.setup-prompt-icon{font-size:3.5rem;margin-bottom:1rem}.setup-prompt h3{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.setup-prompt p{color:var(--text-secondary);font-size:.95rem;margin:0 0 1.5rem;line-height:1.5}.setup-prompt-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg);border:none;border-radius:var(--radius);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #0f83;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.setup-prompt-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f86}.setup-prompt-skip{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:color .2s ease}.setup-prompt-skip:hover{color:var(--text-secondary)}.upgrade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;animation:fadeIn .25s ease}.upgrade-modal{background:#0c1221fa;border:1px solid var(--border-glow);border-radius:var(--radius-lg);padding:2rem 1.75rem;max-width:520px;width:100%;box-shadow:0 24px 64px #0009,0 0 48px #00ff8814;animation:slideUp .28s ease;max-height:90vh;overflow-y:auto}.upgrade-modal-header{text-align:center;margin-bottom:1.5rem}.upgrade-modal-icon{font-size:2.75rem;margin-bottom:.6rem;line-height:1}.upgrade-modal-header h3{font-size:1.45rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upgrade-modal-subtitle{color:var(--text-secondary);font-size:.85rem;margin:0;line-height:1.5}.upgrade-modal-hint{color:var(--text-secondary);font-size:.88rem;margin:0 0 1rem}.upgrade-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.upgrade-option-card{width:100%;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.1rem;cursor:pointer;text-align:left;color:var(--text);transition:all .2s ease;display:block}.upgrade-option-card:hover{border-color:#0f86;background:#00ff880a}.upgrade-option-card.selected{border-color:var(--primary);background:#00ff8812;box-shadow:0 0 0 1px #0f83}.uoc-top{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.85rem}.uoc-icon{font-size:1.5rem;line-height:1;flex-shrink:0;margin-top:.1rem}.uoc-titles{flex:1;min-width:0}.uoc-name{display:block;font-weight:700;font-size:.97rem;color:var(--text);margin-bottom:.25rem}.uoc-desc{display:block;font-size:.78rem;color:var(--text-muted);line-height:1.45}.uoc-radio{width:18px;height:18px;border:2px solid var(--border-glow);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:.15rem}.upgrade-option-card.selected .uoc-radio{border-color:var(--primary)}.uoc-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);display:block}.uoc-details{border-top:1px solid var(--border);padding-top:.75rem;display:flex;flex-direction:column;gap:.4rem}.uoc-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.83rem}.uoc-detail-row span{color:var(--text-secondary)}.uoc-detail-row strong{color:var(--text);font-weight:600}.uoc-price-row{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem;padding-top:.5rem;border-top:1px dashed rgba(0,255,136,.15);font-size:.88rem}.uoc-price-row span{color:var(--text-secondary);font-weight:500}.uoc-price{color:var(--primary)!important;font-size:1.15rem!important;font-weight:700!important;text-shadow:0 0 12px rgba(0,255,136,.25)}.upgrade-balance-warn{background:#ff475714;border:1px solid rgba(255,71,87,.25);border-radius:var(--radius);padding:.65rem 1rem;font-size:.85rem;color:var(--danger, #ff4757);margin-bottom:1rem;text-align:center}.upgrade-balance-warn strong{color:var(--danger, #ff4757)}.upgrade-modal-actions{display:flex;gap:.75rem}.upgrade-confirm-btn{flex:1;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg);border:none;padding:.9rem 1.5rem;border-radius:var(--radius);cursor:pointer;font-weight:700;font-size:1rem;transition:var(--transition);box-shadow:var(--shadow-primary);text-transform:uppercase;letter-spacing:.4px}.upgrade-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0f86}.upgrade-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.upgrade-cancel-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.9rem 1.25rem;border-radius:var(--radius);cursor:pointer;font-weight:600;font-size:.9rem;transition:var(--transition)}.upgrade-cancel-btn:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text)}.upgrade-cancel-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 480px){.payments-header{flex-direction:column;align-items:flex-start}.payments h1{font-size:1.6rem}.payment-section{padding:1.25rem}.payment-methods-grid{grid-template-columns:1fr}.payment-method-btn{flex-direction:row;padding:.85rem 1rem;gap:.75rem}.payment-method-btn.sm{padding:.6rem .85rem}.pm-icon{font-size:1.4rem}.pm-label{text-align:left}}.profile{color:var(--text);animation:fadeIn .4s ease-in}.profile h1{font-size:2.5rem;font-weight:700;margin-bottom:2.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.profile-section{background:#0f1525cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-md);padding:2rem;margin-bottom:1.5rem;box-shadow:var(--shadow);transition:var(--transition)}.profile-section:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg)}.profile-section h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.info-item{padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius);border:1px solid var(--border-light);transition:var(--transition)}.info-item:hover{border-color:var(--border);transform:translateY(-2px)}.info-item label{display:block;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.info-item div{color:var(--text);font-size:1.1rem;font-weight:600}.balance{color:var(--primary);font-weight:700;font-size:1.5rem;text-shadow:0 0 20px rgba(0,255,136,.3)}.status-active{color:var(--success);font-weight:600}.status-inactive{color:var(--danger);font-weight:600}.traffic-stats{display:flex;flex-direction:column;gap:1rem}.traffic-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--bg-tertiary);border-radius:var(--radius);border:1px solid var(--border-light);transition:var(--transition)}.traffic-item:hover{border-color:var(--border);background:var(--bg-card-hover);transform:translate(4px)}.traffic-label{color:var(--text-secondary)}.traffic-value{color:var(--text);font-weight:600}.referral-info p{margin-bottom:.75rem;color:var(--text)}.referral-link{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;align-items:stretch}.referral-link label{display:none}.referral-link input{width:100%;box-sizing:border-box;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;transition:var(--transition)}.referral-link input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00ff881a}.referral-link button{align-self:flex-start;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg);border:none;border-radius:var(--radius);cursor:pointer;font-weight:600;transition:var(--transition);box-shadow:var(--shadow-primary);white-space:nowrap}.referral-link button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00ff884d}.referral-link button:active{transform:translateY(0)}.settings-item{display:flex;flex-direction:column;gap:.5rem}.settings-item label{color:var(--text);font-weight:500}.settings-item select{padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem;max-width:250px;cursor:pointer;transition:var(--transition)}.settings-item select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00ff881a}.settings-item select:disabled{opacity:.6;cursor:not-allowed}.settings-hint{color:var(--text-muted);font-size:.8rem;margin-top:.25rem}.profile .loading{text-align:center;padding:2rem;color:var(--text-secondary)}.badges-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.toggle-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text);padding:.875rem 1.75rem;border-radius:var(--radius);cursor:pointer;font-weight:600;transition:var(--transition);font-size:.9rem}.profile .empty-state{text-align:center;padding:2rem;color:var(--text-secondary)}@media (max-width: 768px){.profile h1{font-size:1.75rem;margin-bottom:1.5rem}.profile-section{padding:1.25rem}.info-grid{grid-template-columns:1fr;gap:.75rem}.badges-grid{grid-template-columns:1fr}.traffic-item{padding:.75rem 1rem}.referral-link input{font-size:.8rem}}.onboarding{max-width:640px;margin:0 auto;animation:fadeIn .4s ease-in}.onboarding-loading{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.onboarding-progress{display:flex;justify-content:space-between;margin-bottom:2rem;position:relative}.onboarding-progress:before{content:"";position:absolute;top:18px;left:10%;right:10%;height:2px;background:var(--border);z-index:0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:1;flex:1}.progress-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;background:var(--bg-tertiary);border:2px solid var(--border);color:var(--text-muted);transition:all .3s ease}.progress-step.current .progress-dot{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-color:var(--primary);color:var(--bg);box-shadow:0 0 20px #00ff884d}.progress-step.done .progress-dot{background:#0f83;border-color:var(--primary);color:var(--primary)}.progress-label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.progress-step.current .progress-label{color:var(--primary)}.progress-step.done .progress-label{color:var(--text-secondary)}.onboarding-card{background:#0f1525cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 2rem;box-shadow:var(--shadow-lg)}.onboarding-step h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-description{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.step-check{color:var(--success);font-weight:600;padding:.75rem 1rem;background:#00ff8814;border:1px solid rgba(0,255,136,.2);border-radius:var(--radius);margin-bottom:1.5rem;font-size:.95rem}.step-summary-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:var(--text)}.summary-row strong{color:var(--primary);font-size:1.1rem}.summary-row.shortfall{padding-top:.75rem;border-top:1px solid var(--border)}.text-success{color:var(--success);font-weight:600}.text-danger{color:var(--danger);font-weight:600}.waiting-payment{text-align:center;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.waiting-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.waiting-payment p{color:var(--text-secondary);font-weight:500}.field-group{margin-bottom:1.5rem}.field-label{display:block;margin-bottom:.5rem;color:var(--text);font-weight:600;font-size:.9rem}.field-input{width:100%;padding:.875rem 1.25rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem;transition:all .2s ease}.field-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00ff881a}.field-hint{display:block;margin-top:.5rem;color:var(--text-muted);font-size:.85rem}.primary-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg);border:none;border-radius:var(--radius);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #0f83;text-transform:uppercase;letter-spacing:.5px}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0f86}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{padding:.75rem 1.5rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease}.secondary-btn:hover{border-color:var(--primary);color:var(--primary)}.key-section{margin-bottom:1.5rem}.key-row{display:flex;gap:.5rem;align-items:stretch}.key-url{flex:1;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--primary);font-family:Monaco,Menlo,monospace;font-size:.8rem;word-break:break-all;text-decoration:none;display:block;transition:all .2s ease}.key-url:hover{border-color:var(--primary);box-shadow:0 0 0 3px #00ff881a}.copy-btn{padding:.75rem 1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg);border:none;border-radius:var(--radius);cursor:pointer;font-size:1.1rem;transition:all .2s ease;min-width:48px}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ff884d}.qr-section{text-align:center;padding:1.5rem;margin-bottom:1.5rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md)}.section-label{color:var(--text-secondary);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.qr-wrapper{display:inline-block;padding:1rem;background:#0000004d;border-radius:var(--radius-md);margin-bottom:.75rem}.qr-hint{color:var(--text-muted);font-size:.85rem}.share-section{margin-bottom:1.5rem}.share-btns{display:flex;gap:.75rem}.share-btn{flex:1;padding:.875rem 1rem;border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease;text-align:center}.share-btn.telegram{background:#0088ff1f;border-color:#0088ff4d;color:#08f}.share-btn.telegram:hover{background:#08f3;transform:translateY(-2px)}.share-btn.native{background:var(--bg-tertiary);color:var(--text)}.share-btn.native:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.platforms-section{margin-bottom:2rem}.platform-tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.platform-tab{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease}.platform-tab:hover{border-color:var(--border-glow);color:var(--text)}.platform-tab.active{border-color:var(--primary);background:#00ff8826;color:var(--primary)}.platform-guide{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.platform-app{margin-bottom:1rem;color:var(--text);font-weight:500}.platform-app a{color:var(--primary);text-decoration:none;font-weight:600}.platform-app a:hover{text-decoration:underline}.platform-steps{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.platform-steps li::marker{color:var(--primary);font-weight:700}.empty-note{color:var(--text-secondary);text-align:center;padding:2rem 0}.onboarding-nav{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.back-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem;transition:color .2s ease}.back-btn:hover{color:var(--text)}.skip-link{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:.5rem;transition:color .2s ease;margin-left:auto}.skip-link:hover{color:var(--text-secondary)}@media (max-width: 768px){.onboarding-card{padding:1.5rem 1.25rem}.onboarding-step h2{font-size:1.4rem}.progress-label{font-size:.6rem}.progress-dot{width:30px;height:30px;font-size:.75rem}.share-btns{flex-direction:column}.pay-methods-grid{grid-template-columns:1fr!important}.pay-method-btn{flex-direction:row!important;padding:.75rem 1rem!important;gap:.75rem!important}}.onboarding-pay-methods{margin-top:.5rem}.pay-methods-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;text-align:center}.pay-methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.pay-method-btn{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .5rem;background:var(--bg-tertiary, rgba(255,255,255,.04));border:2px solid var(--border, rgba(255,255,255,.1));border-radius:var(--radius-md, 14px);color:var(--text, #fff);cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s ease}.pay-method-btn:hover:not(:disabled){border-color:var(--primary, #00ff88);background:#00ff880f;transform:translateY(-2px);box-shadow:0 4px 16px #00ff881f}.pay-method-btn:disabled{opacity:.4;cursor:not-allowed}.pay-method-icon{font-size:1.5rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.pay-processing{text-align:center;color:var(--text-muted, #999);font-size:.85rem;margin-top:.5rem;animation:onb-pulse 1.5s ease-in-out infinite}@keyframes onb-pulse{0%,to{opacity:1}50%{opacity:.5}}.setup-guide{max-width:600px;margin:0 auto;animation:fadeIn .4s ease-in}.setup-loading{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.setup-progress{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;position:relative}.setup-progress:before{content:"";position:absolute;top:18px;left:30%;right:30%;height:2px;background:var(--border);z-index:0}.setup-progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:1}.setup-progress-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;background:var(--bg-tertiary);border:2px solid var(--border);color:var(--text-muted);transition:all .3s ease}.setup-progress-step.current .setup-progress-dot{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-color:var(--primary);color:var(--bg);box-shadow:0 0 20px #00ff884d}.setup-progress-step.done .setup-progress-dot{background:#0f83;border-color:var(--primary);color:var(--primary)}.setup-progress-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.setup-progress-step.current .setup-progress-label{color:var(--primary)}.setup-progress-step.done .setup-progress-label{color:var(--text-secondary)}.setup-card{background:#0f1525cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 2rem;box-shadow:var(--shadow-lg)}.setup-step{animation:fadeIn .3s ease-in}.setup-step-icon{font-size:3rem;text-align:center;margin-bottom:.5rem;filter:drop-shadow(0 4px 12px rgba(0,255,136,.3))}.setup-step h2{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.setup-description{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.setup-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.setup-preset-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s ease}.setup-preset-btn:hover:not(:disabled){border-color:var(--border-glow);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow)}.setup-preset-btn.active{border-color:var(--primary);background:linear-gradient(135deg,#00ff8826,#0088ff1a);box-shadow:0 0 16px #00ff8826}.setup-preset-btn.active .setup-preset-icon{transform:scale(1.15)}.setup-preset-icon{font-size:1.5rem;transition:transform .2s ease}.setup-field{margin-bottom:1.5rem}.setup-input{width:100%;padding:.875rem 1.25rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem;transition:all .2s ease}.setup-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00ff881a;background:var(--bg-card)}.setup-primary-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg);border:none;border-radius:var(--radius);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #0f83;text-transform:uppercase;letter-spacing:.5px}.setup-primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0f86}.setup-primary-btn:disabled{opacity:.5;cursor:not-allowed}.setup-open-link{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#00ff881f,#0088ff14);border:2px solid var(--primary);border-radius:var(--radius-md);text-decoration:none;color:var(--text);margin-bottom:1.75rem;transition:all .2s ease;box-shadow:0 0 20px #00ff881a}.setup-open-link:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00ff8840;background:linear-gradient(135deg,#00ff882e,#0088ff1f)}.setup-open-link-icon{font-size:2rem;flex-shrink:0}.setup-open-link-text{display:flex;flex-direction:column;gap:.2rem}.setup-open-link-text strong{color:var(--primary);font-size:1.1rem}.setup-open-link-text small{color:var(--text-secondary);font-size:.8rem}.setup-open-link-arrow{margin-left:auto;font-size:1.5rem;color:var(--primary);font-weight:700}.setup-extra-actions{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:1.25rem}.setup-key-block{margin-bottom:0}.setup-key-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:.5rem}.setup-key-row{display:flex;gap:.5rem;align-items:stretch}.setup-key-url{flex:1;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--primary);font-family:Monaco,Menlo,monospace;font-size:.7rem;word-break:break-all;line-height:1.4;max-height:7rem;overflow-y:auto}.setup-copy-btn{padding:.75rem 1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg);border:none;border-radius:var(--radius);cursor:pointer;font-weight:700;font-size:1rem;transition:all .2s ease;flex-shrink:0}.setup-copy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00ff884d}.setup-copy-btn.copied{background:var(--success)}.setup-qr{text-align:center;padding:1.25rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md)}.setup-qr-wrapper{display:inline-block;padding:.75rem;background:#0000004d;border-radius:var(--radius-md);margin-bottom:.75rem}.setup-qr-hint{color:var(--text-muted);font-size:.85rem;margin:0}.setup-share-row{display:flex;gap:.75rem}.setup-share-btn{flex:1;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s ease;text-align:center}.setup-share-btn.telegram{background:#0088ff1f;border-color:#0088ff4d;color:#08f}.setup-share-btn.telegram:hover{background:#08f3;transform:translateY(-2px)}.setup-share-btn.native{background:var(--bg-tertiary);color:var(--text)}.setup-share-btn.native:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.setup-key-loading{text-align:center;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.setup-key-loading p{color:var(--text-secondary)}.setup-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.setup-checklist{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.5rem}.setup-check-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.setup-check-item:hover{border-color:var(--border-glow)}.setup-check-item.done{border-color:#00ff884d;background:#00ff880f}.setup-check-item.done .setup-check-text{text-decoration:line-through;color:var(--text-secondary)}.setup-check-box{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;border:2px solid var(--border);color:var(--text-muted);background:var(--bg);flex-shrink:0;transition:all .2s ease}.setup-check-item.done .setup-check-box{background:var(--primary);border-color:var(--primary);color:var(--bg);box-shadow:0 0 10px #00ff884d}.setup-check-text{color:var(--text);font-size:.95rem;line-height:1.3}.setup-nav{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.setup-back-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem;transition:color .2s ease}.setup-back-btn:hover{color:var(--text)}.setup-skip-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:.5rem;transition:color .2s ease;margin-left:auto}.setup-skip-btn:hover{color:var(--text-secondary)}@media (max-width: 768px){.setup-card{padding:1.5rem 1.25rem}.setup-step h2{font-size:1.4rem}.setup-presets{grid-template-columns:1fr 1fr;gap:.5rem}.setup-preset-btn{padding:.75rem 1rem;font-size:.85rem}.setup-share-row{flex-direction:column}.setup-progress{gap:1.5rem}.setup-progress-dot{width:30px;height:30px;font-size:.75rem}.setup-progress-label{font-size:.65rem}}.layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.header{background:#0f1525cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:1.25rem 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 2rem}.header h1{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.5px;line-height:1.2;display:flex;align-items:center}.header-user{display:flex;align-items:center;gap:1rem}.profile-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:var(--transition);text-decoration:none}.profile-btn:hover{background:var(--bg-card-hover);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow)}.profile-icon{font-size:1.1rem}.profile-email{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-nav{background:#0f1525f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:.75rem 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;box-shadow:0 2px 10px #0000001a}.desktop-nav::-webkit-scrollbar{display:none}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:flex-start;gap:.5rem;padding:0 2rem;width:100%}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;font-weight:600;font-size:.95rem;background:transparent;border:1px solid transparent;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00ff881a,#0088ff0d);opacity:0;transition:opacity .3s ease;z-index:0}.nav-item:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:2px 2px 0 0;z-index:1}.nav-item>*{position:relative;z-index:2}.nav-item:hover{color:var(--text);background:#00ff880d;border-color:#0f83;transform:translateY(-2px);box-shadow:0 4px 12px #00ff8826}.nav-item:hover:before{opacity:1}.nav-item:hover:after{transform:translate(-50%) scaleX(1)}.nav-item.active{color:var(--primary);background:linear-gradient(135deg,#00ff8826,#0088ff1a);border-color:#00ff884d;box-shadow:0 4px 16px #0f83}.nav-item.active:before{opacity:1}.nav-item.active:after{transform:translate(-50%) scaleX(1)}.nav-icon{font-size:1.3rem;filter:drop-shadow(0 2px 4px rgba(0,255,136,.3));transition:transform .3s ease}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item.active .nav-label{font-weight:700}.main-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2.5rem 2rem;animation:fadeIn .3s ease-in}.bottom-nav{display:none}@media (max-width: 768px){.profile-email{display:none}.header{padding:.75rem 0}.header-content{padding:0 1rem}.header h1{font-size:1.4rem}.desktop-nav{display:none}.main-content{padding:1.5rem 1rem 6rem}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#0a0e1af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:.5rem .25rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));justify-content:space-around;box-shadow:0 -2px 10px #0003}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;color:var(--text-muted);text-decoration:none;border-radius:var(--radius);transition:all .2s ease;font-size:.7rem;font-weight:600;min-width:0;flex:1}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-icon{font-size:1.4rem;line-height:1}.bottom-nav-item.active .bottom-nav-icon{filter:drop-shadow(0 2px 6px rgba(0,255,136,.5))}.bottom-nav-label{line-height:1}}.nuna-layout{min-height:100vh;min-height:var(--tg-viewport-height, 100vh);display:flex;flex-direction:column;background:var(--bg);background-image:var(--grad-aurora)}.nuna-header{position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0e0c18b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}[data-theme=light] .nuna-header{background:#fffefbb3}.nuna-header .brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);font-weight:700;font-size:15px;letter-spacing:-.01em}.nuna-header .brand-name{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.nuna-header .header-spacer{flex:1}.nuna-header .header-user{display:inline-flex;align-items:center;gap:8px;padding:4px 4px 4px 12px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);text-decoration:none;font-size:12px;transition:border-color .15s ease,background .15s ease}.nuna-header .header-user:hover{border-color:var(--border-hover)}.nuna-header .header-username{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);color:var(--text-secondary)}.nuna-header .header-avatar{width:26px;height:26px;border-radius:50%;background:var(--gradient-primary);color:var(--text-inverse);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.nuna-main{flex:1;padding:12px 14px 84px;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));max-width:720px;width:100%;margin:0 auto}.nuna-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:repeat(5,1fr);background:#0e0c18d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px)}[data-theme=light] .nuna-bottom-nav{background:#fffefbeb}.nuna-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px 10px;text-decoration:none;color:var(--text-muted);font-size:10px;font-weight:500;transition:color .15s ease;-webkit-tap-highlight-color:transparent}.nuna-tab:active .nuna-tab-icon{transform:scale(.92)}.nuna-tab.active{color:var(--primary)}.nuna-tab-icon{font-size:20px;line-height:1;transition:transform .15s ease}.nuna-tab.active .nuna-tab-icon{filter:drop-shadow(0 0 6px var(--primary-glow))}.nuna-tab-label{font-family:var(--font);letter-spacing:-.01em}.nuna-tab-indicator{position:absolute;top:4px;width:22px;height:3px;border-radius:0 0 3px 3px;background:var(--gradient-primary);box-shadow:0 0 8px var(--primary-glow)}.layout>.header,.layout>.nav.desktop-nav,.layout>.bottom-nav{display:none!important}.nuna-badge-legendary{animation:nuna-legendary-pulse 2.4s ease-in-out infinite}@keyframes nuna-legendary-pulse{0%,to{box-shadow:0 0 32px -4px var(--accent),0 0 0 1px var(--accent)}50%{box-shadow:0 0 44px -2px var(--accent),0 0 0 1px var(--accent)}}.nuna-badge-earned{position:relative}.nuna-badge-earned:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 30% 0%,rgba(255,255,255,.06),transparent 60%);border-radius:inherit}.nuna-badge-just-unlocked{animation:nuna-unlock .9s cubic-bezier(.22,.95,.4,1) both}@keyframes nuna-unlock{0%{transform:scale(.7) rotate(-8deg);opacity:0}60%{transform:scale(1.08) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.nuna-badge-locked .badge-icon{transition:filter .35s ease}.nuna-badge-locked:hover{opacity:.9!important}.badges{color:var(--text);animation:fadeIn .4s ease-in}.badges-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}.badges h1{font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.toggle-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text);padding:.875rem 1.75rem;border-radius:var(--radius);cursor:pointer;font-weight:600;transition:var(--transition)}.toggle-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow)}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.badge-card{background:#0f1525cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-md);padding:2rem;text-align:center;transition:var(--transition);box-shadow:var(--shadow);position:relative;overflow:hidden}.badge-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);transform:scaleX(0);transition:var(--transition)}.badge-card:hover{transform:translateY(-6px) scale(1.02);border-color:var(--border-glow);box-shadow:var(--shadow-lg),var(--shadow-glow)}.badge-card:hover:before{transform:scaleX(1)}.badge-card.earned{border-color:var(--primary);background:linear-gradient(135deg,#00ff8826,#0088ff1a);box-shadow:var(--shadow-glow)}.badge-card.earned:before{transform:scaleX(1)}.badge-icon{font-size:4rem;margin-bottom:1.25rem;filter:drop-shadow(0 4px 8px rgba(0,255,136,.3));animation:float 3s ease-in-out infinite;display:inline-block}.badge-card.earned .badge-icon{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.badge-card h3{color:var(--primary);margin-bottom:.5rem;font-size:1.1rem}.badge-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;min-height:2.5rem}.badge-status{color:var(--text-secondary);font-size:.85rem;margin-top:1rem}.earned-status{color:var(--success);font-weight:600}.badge-progress{margin-top:1rem}.progress-bar{width:100%;height:10px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:.5rem;box-shadow:inset 0 2px 4px #0003}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #00ff8880;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{color:var(--text-secondary);font-size:.85rem}.badges .empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.badges .loading{text-align:center;padding:2rem;color:var(--text-secondary)}@media (max-width: 768px){.badges h1{font-size:1.75rem}.badges-header{margin-bottom:1.5rem}.toggle-btn{width:100%;text-align:center}.badges-grid{grid-template-columns:1fr;gap:1rem}.badge-card{padding:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #00ff88;--primary-dark: #00cc6f;--primary-light: #33ffaa;--secondary: #0088ff;--secondary-dark: #0066cc;--accent: #ff0088;--accent-light: #ff33aa;--bg: #0a0e1a;--bg-gradient: linear-gradient(135deg, #0a0e1a 0%, #0f1525 50%, #141a2a 100%);--bg-secondary: #0f1525;--bg-tertiary: #141a2a;--bg-card: rgba(15, 21, 37, .8);--bg-card-hover: rgba(20, 26, 42, .9);--text: #ffffff;--text-secondary: #b8b8b8;--text-muted: #6b7280;--border: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .05);--border-glow: rgba(0, 255, 136, .3);--success: #00ff88;--danger: #ff4757;--warning: #FF9500;--info: #0088ff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(0, 255, 136, .2);--shadow-primary: 0 4px 14px 0 rgba(0, 255, 136, .15);--radius-sm: 6px;--radius: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Inter,SF Pro Display,Arial,sans-serif;background:var(--bg);background-image:radial-gradient(at 0% 0%,rgba(0,255,136,.1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(0,136,255,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(255,0,136,.1) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(0,255,136,.1) 0px,transparent 50%);background-attachment:fixed;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border)}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{background:#0f1525b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}.g-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.g-empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}:root{--tg-theme-bg-color: #0e0c18;--tg-theme-text-color: #f4f1fb;--tg-theme-hint-color: rgba(244, 241, 251, .5);--tg-theme-link-color: #8b6fff;--tg-theme-button-color: #8b6fff;--tg-theme-button-text-color: #0e0c18;--tg-theme-secondary-bg-color: #15121f;--primary: #8b6fff;--primary-dark: #6a4dff;--primary-light: #a48dff;--primary-glow: rgba(139, 111, 255, .45);--secondary: #4dd9f0;--secondary-dark: #2bb8d4;--secondary-light: #7ee5f5;--secondary-glow: rgba(77, 217, 240, .4);--accent: #ffd86b;--accent-dark: #e6b850;--accent-light: #ffe890;--accent-glow: rgba(255, 216, 107, .35);--success: #5ee2a0;--warning: #ffc265;--danger: #ff6b8a;--info: #4dd9f0;--bg: #0e0c18;--bg-secondary: #15121f;--bg-tertiary: #1c1828;--bg-dark: #07060a;--bg-card: rgba(28, 24, 40, .78);--bg-card-hover: rgba(37, 31, 51, .88);--bg-glass: rgba(21, 18, 31, .7);--bg-glass-hover: rgba(28, 24, 40, .82);--text: #f4f1fb;--text-secondary: rgba(244, 241, 251, .74);--text-muted: rgba(244, 241, 251, .5);--text-inverse: #0e0c18;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .05);--border-glow: rgba(139, 111, 255, .35);--border-hover: rgba(139, 111, 255, .5);--border-glass: rgba(255, 255, 255, .12);--gradient-primary: linear-gradient(135deg, #9b81ff 0%, #6a4dff 60%, #4dd9f0 140%);--gradient-secondary: linear-gradient(135deg, #4dd9f0 0%, #8b6fff 100%);--gradient-accent: linear-gradient(135deg, #8b6fff 0%, #4dd9f0 50%, #ffd86b 100%);--gradient-glow: linear-gradient(135deg, rgba(139, 111, 255, .3) 0%, rgba(77, 217, 240, .2) 100%);--gradient-card: linear-gradient(135deg, rgba(139, 111, 255, .08) 0%, rgba(77, 217, 240, .05) 100%);--grad-aurora: radial-gradient(120% 80% at 80% 0%, rgba(139, 111, 255, .3), transparent 60%), radial-gradient(80% 60% at 0% 100%, rgba(77, 217, 240, .18), transparent 55%);--shadow: 0 2px 4px rgba(0, 0, 0, .2), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-md: 0 4px 14px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .18);--shadow-lg: 0 10px 28px rgba(0, 0, 0, .4), 0 4px 8px rgba(0, 0, 0, .22);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .45), 0 8px 16px rgba(0, 0, 0, .28);--shadow-glow: 0 0 24px rgba(139, 111, 255, .22), 0 4px 14px rgba(0, 0, 0, .32);--shadow-glow-lg: 0 0 36px rgba(139, 111, 255, .32), 0 10px 28px rgba(0, 0, 0, .42);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .22);--glow-primary: 0 0 24px rgba(139, 111, 255, .18), 0 0 48px rgba(139, 111, 255, .1);--glow-secondary: 0 0 24px rgba(77, 217, 240, .18), 0 0 48px rgba(77, 217, 240, .1);--glow-soft: 0 0 18px rgba(139, 111, 255, .12), 0 0 36px rgba(139, 111, 255, .06);--glow-card: 0 4px 22px rgba(139, 111, 255, .1), 0 0 0 1px rgba(139, 111, 255, .06);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--font: "Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace}body[data-theme=light],html[data-theme=light]{--bg: #f6f4ee;--bg-secondary: #fffefb;--bg-tertiary: #f1ede2;--bg-card: rgba(255, 254, 251, .92);--bg-glass: rgba(255, 254, 251, .78);--text: #14101e;--text-secondary: rgba(20, 16, 30, .7);--text-muted: rgba(20, 16, 30, .5);--border: rgba(20, 16, 30, .08);--border-glass: rgba(20, 16, 30, .12);--border-glow: rgba(139, 111, 255, .35)}html,body{font-family:var(--font);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);background-image:var(--grad-aurora);background-attachment:fixed;color:var(--text)}.mono,code,pre,.num,input[inputmode=numeric],.balance-amount,.price-value,.ttl-amount,.countdown,.referral-link-input,.promo-code,.vless-config{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0}.card,.stat-card,.info-card,.menu-section,.feature-card,.subscription-card,.device-card,.badge-card,.promo-card,.balance-card,.referral-card,.leaderboard-card,.pause-card{border-radius:var(--r-lg);border-color:var(--border);background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-primary,button.primary,.button-primary,.connect-btn,.submit-btn,.purchase-btn{background:var(--gradient-primary)!important;color:var(--text-inverse)!important;border-radius:999px!important;font-family:var(--font)!important;font-weight:600!important;letter-spacing:-.005em;box-shadow:0 0 0 1px #ffffff2e inset,0 8px 22px -8px var(--primary-glow);transition:transform .15s ease,box-shadow .2s ease}.btn-primary:hover,button.primary:hover,.connect-btn:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #ffffff38 inset,0 12px 28px -8px var(--primary-glow)}.chip,.tag,.badge{border-radius:999px;border:1px solid var(--border-glass);font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--text-secondary)}.status-dot,.indicator{background:var(--success);box-shadow:0 0 8px var(--success)}a,.link{color:var(--primary);text-decoration:none}a:hover,.link:hover{color:var(--primary-light);text-decoration:underline}input[type=range]{accent-color:var(--primary)}input[type=text],input[type=email],input[type=number],input[type=password],input[type=search],textarea,select{background:var(--bg-tertiary);border:1px solid var(--border-glass);border-radius:var(--r-md);color:var(--text);font-family:var(--font)}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);border-color:transparent}.progress-bar,.referral-progress,.level-progress{background:var(--bg-tertiary);border-radius:999px;overflow:hidden;height:8px}.progress-bar>div,.progress-fill,.level-progress-fill{background:var(--gradient-primary)!important;height:100%;border-radius:inherit;transition:width .4s ease}.welcome-banner,.welcome-discount,.countdown-banner{background:linear-gradient(135deg,var(--primary-glow),var(--secondary-glow));border:1px solid var(--border-glow);border-radius:var(--r-lg);color:var(--text)}.nuna-mascot{display:inline-flex;align-items:center;justify-content:center}.nuna-mascot svg{display:block}.subscription-card[data-state=active]{border-color:var(--success)}.subscription-card[data-state=grace],.subscription-card[data-state=expiring]{border-color:var(--warning)}.subscription-card[data-state=paused]{border-color:var(--text-muted);opacity:.85}.subscription-card[data-state=expired]{border-color:var(--danger)}.subscription-card[data-state=trial]{border-color:var(--primary)}.tab-bar,.nav-tabs,nav{background:var(--bg-glass);border-color:var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.feature-card:hover,.device-card:hover,.menu-item:hover,.tariff-card:hover,.promo-card:hover{border-color:var(--border-hover)!important;background:var(--bg-card-hover)!important;box-shadow:var(--glow-card)}.subscription-active-aura{background:radial-gradient(circle at 50% 50%,var(--primary-glow),transparent 70%)}