.subscription-selector{padding:0}.selector-title{font-size:17px;font-weight:500;color:var(--text-secondary);margin-bottom:20px;text-align:center}.selector-list{display:flex;flex-direction:column;gap:14px}.selector-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border:1px solid rgba(255,255,255,.12);border-radius:24px;cursor:pointer;transition:all var(--dur-base) var(--ease-out-quart);width:100%;text-align:left;font-family:inherit;position:relative;z-index:2;transform:translateZ(0);will-change:transform}.selector-item:hover{background-color:var(--bg-card-hover);border-color:#3fc7d8}.selector-item:active{transform:scale(.98)}.selector-item-left{display:flex;align-items:center;gap:16px}.selector-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--accent-primary-rgb),.12);color:var(--accent-primary);border:1px solid rgba(var(--accent-primary-rgb),.2);flex-shrink:0}.selector-icon.add-icon{background:rgba(var(--accent-primary-rgb),.18);color:var(--accent-primary);border-color:rgba(var(--accent-primary-rgb),.35)}.selector-name{font-size:18px;font-weight:600;color:var(--text-primary)}.selector-item-right{display:flex;align-items:center;gap:14px}.selector-status{padding:7px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.selector-status.active{background-color:#3fc7d833;color:#3fc7d8}.selector-status.grace_period{background-color:#f59e0b33;color:#f59e0b}.selector-status.disabled{background-color:#94a3b833;color:#94a3b8}.selector-arrow{color:var(--text-muted);display:flex;align-items:center}.add-icon{color:#3fc7d8;display:flex;align-items:center;justify-content:center}.add-subscription-btn{border-style:dashed;border-color:#3fc7d84d;background:#3fc7d80d}.add-subscription-btn:hover{background:#3fc7d81a;border-color:#3fc7d880}.selector-name-box{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.premium-glow{position:relative;background-image:radial-gradient(at top right,rgba(245,158,11,.1),transparent 60%);overflow:hidden}.premium-glow:after{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(to bottom,#fde047,#f59e0b);pointer-events:none}.premium-glow:hover{border-color:#f59e0b40}.selector-status.premium{background:linear-gradient(135deg,#f59e0b,#fde047);color:#000;box-shadow:0 0 10px #f59e0b66;font-weight:800}.subscription-detail{display:flex;flex-direction:column;gap:12px}.detail-card{background:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:24px;padding:20px;border:1px solid rgba(255,255,255,.12);position:relative;z-index:50;transform:translateZ(0);will-change:transform;box-shadow:inset 0 1px #ffffff14,0 10px 32px #00000047}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.detail-title{display:flex;align-items:center;gap:12px}.detail-status-group,.detail-right-side{display:flex;align-items:center;gap:8px}.detail-hex{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;flex-shrink:0;color:var(--accent-primary);background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.22),rgba(var(--accent-primary-rgb),.08));border:1px solid rgba(var(--accent-primary-rgb),.32);box-shadow:inset 0 1px #ffffff0f;transition:background var(--dur-base) var(--ease-in-out-soft)}.detail-hex-bg{display:none}.detail-hex.premium{color:#fbbf24;background:linear-gradient(135deg,#fbbf2447,#f59e0b1a);border-color:#fbbf246b;box-shadow:inset 0 1px #ffffff1a,0 0 18px #fbbf242e}.detail-hex svg{position:relative;z-index:1}.detail-name{font-size:20px;font-weight:600;color:var(--text-primary)}.tier-badge{padding:6px 12px;border-radius:14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tier-badge.premium{background-color:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3);display:inline-block;padding:6px 10px}.tier-badge svg{display:block;width:12px;height:12px}.tier-badge.standard{background-color:rgba(var(--accent-primary-rgb),.15);color:var(--accent-primary);border:1px solid rgba(var(--accent-primary-rgb),.3);display:inline-block;padding:6px 10px}.detail-status{padding:6px 12px;border-radius:14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.detail-status.active{background-color:rgba(var(--accent-primary-rgb),.15);color:var(--accent-primary)}.detail-status.grace_period{background-color:#f59e0b26;color:#f59e0b}.detail-status.expired{background-color:#ef444426;color:#ef4444}.detail-status.disabled{background-color:#94a3b826;color:#94a3b8}.detail-info{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.detail-row-hero{padding:14px 16px;margin:-4px -4px 4px;background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.1),rgba(var(--accent-primary-rgb),.04));border-radius:16px;border:1px solid rgba(var(--accent-primary-rgb),.2);transition:background var(--dur-base) var(--ease-in-out-soft),border-color var(--dur-base) var(--ease-in-out-soft)}.detail-row-hero .detail-row-icon{color:var(--accent-primary)}.detail-row-hero.soon{background:linear-gradient(135deg,#f59e0b1f,#f59e0b0a);border-color:#f59e0b47}.detail-row-hero.soon .detail-row-icon{color:var(--accent-warning)}.detail-row-hero.critical{background:linear-gradient(135deg,#ef444424,#ef44440a);border-color:#ef444452}.detail-row-hero.critical .detail-row-icon{color:var(--accent-danger)}.detail-row-hero.lifetime{background:#ffffff0a;border-color:#ffffff1a}.detail-row-hero.lifetime .detail-row-icon{color:var(--text-muted)}.detail-row-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.detail-row-icon{display:flex;align-items:center;color:var(--text-muted);flex-shrink:0}.detail-hero-text{display:flex;flex-direction:column;gap:2px;min-width:0}.detail-label{font-size:14px;color:var(--text-secondary);line-height:1.25}.detail-row-hero .detail-label{color:var(--text-primary);font-weight:600}.detail-sublabel{font-size:11px;color:var(--text-muted);letter-spacing:.2px}.detail-days{display:flex;align-items:baseline;gap:4px;font-weight:700;color:var(--text-muted);transition:color var(--dur-base) var(--ease-in-out-soft);flex-shrink:0}.detail-days-num{font-size:26px;line-height:1;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.detail-days-unit{font-size:13px;font-weight:600;opacity:.8}.detail-days.healthy{color:var(--accent-primary)}.detail-days.soon{color:var(--accent-warning)}.detail-days.critical{color:var(--accent-danger)}.detail-days.lifetime{color:var(--text-muted)}.detail-days.lifetime .detail-days-num{font-size:28px}.detail-days.warning{color:var(--accent-warning)}.detail-value{font-weight:500;font-size:14px;color:var(--text-secondary)}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:5}.btn-pill{flex:1 1 0px;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 18px;border-radius:28px;font-size:14px;font-weight:600;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-base) var(--ease-out-quart),border-color var(--dur-base) var(--ease-out-quart),box-shadow var(--dur-base) var(--ease-out-quart),color var(--dur-base) var(--ease-out-quart);font-family:inherit;letter-spacing:.1px;white-space:nowrap;overflow:hidden;position:relative;-webkit-tap-highlight-color:transparent}.btn-pill:active{transform:scale(.96)}.btn-pill svg{width:18px;height:18px;flex-shrink:0}.btn-pill-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,rgba(8,145,178,1) 100%);border:1px solid rgba(var(--accent-primary-rgb),.55);color:#0a1416;box-shadow:inset 0 1px #ffffff47,0 6px 18px rgba(var(--accent-primary-rgb),.32),0 0 0 1px rgba(var(--accent-primary-rgb),.1)}.btn-pill-primary:hover{box-shadow:inset 0 1px #ffffff59,0 8px 24px rgba(var(--accent-primary-rgb),.42),0 0 0 1px rgba(var(--accent-primary-rgb),.18)}.btn-pill-primary svg{color:#0a1416}.btn-pill-secondary{background:linear-gradient(180deg,rgba(var(--accent-primary-rgb),.06),rgba(var(--accent-primary-rgb),.02));border:1px solid rgba(var(--accent-primary-rgb),.32);color:var(--accent-primary);box-shadow:inset 0 1px #ffffff0f}.btn-pill-secondary:hover{background:linear-gradient(180deg,rgba(var(--accent-primary-rgb),.12),rgba(var(--accent-primary-rgb),.04));border-color:rgba(var(--accent-primary-rgb),.5)}.btn-pill-secondary.copied{background:rgba(var(--accent-primary-rgb),.18);border-color:rgba(var(--accent-primary-rgb),.55);color:var(--accent-primary)}.copy-menu-wrap{position:relative;flex:1 1 0px;min-width:0;display:flex;z-index:60}.copy-menu-wrap .btn-pill-secondary{width:100%;gap:6px;font-size:13px}.copy-menu-chev{width:12px!important;height:12px!important;transition:transform var(--dur-base) var(--ease-spring);margin-left:0;opacity:.7;flex-shrink:0}.copy-menu-chev.is-open{transform:rotate(180deg);opacity:1}.copy-menu{position:absolute;z-index:100;top:calc(100% + 8px);right:0;left:auto;width:max-content;min-width:240px;max-width:calc(100vw - 32px);background:linear-gradient(160deg,#1a232d,#131922);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:6px;box-shadow:inset 0 1px #ffffff0f,0 16px 40px -12px #000000a6;display:flex;flex-direction:column;gap:2px;animation:copy-menu-in .18s var(--ease-spring) backwards}@keyframes copy-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.copy-menu-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-family:inherit;text-align:left;width:100%;transition:background var(--dur-fast) var(--ease-in-out-soft),transform var(--dur-fast) var(--ease-spring);min-height:56px}.copy-menu-item:hover{background:#ffffff0d}.copy-menu-item:active{transform:scale(.98);background:rgba(var(--accent-primary-rgb),.1)}.copy-menu-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--accent-primary-rgb),.14);color:var(--accent-primary);border:1px solid rgba(var(--accent-primary-rgb),.24);flex-shrink:0}.copy-menu-text{display:flex;flex-direction:column;gap:2px;min-width:0}.copy-menu-title{font-size:14px;font-weight:700;letter-spacing:-.1px;color:var(--text-primary);line-height:1.2}.copy-menu-hint{font-size:11px;color:var(--text-muted);line-height:1.3}.accordion-section{background:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:24px;border:1px solid rgba(255,255,255,.12);overflow:hidden;position:relative;z-index:2;transform:translateZ(0);will-change:transform;transition:border-color var(--dur-base) var(--ease-in-out-soft);box-shadow:inset 0 1px #ffffff0f,0 6px 20px #0000002e}.accordion-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 0%,rgba(var(--accent-primary-rgb),.1),transparent 60%);opacity:0;pointer-events:none;transition:opacity var(--dur-slow) var(--ease-in-out-soft)}.accordion-section.is-open,.accordion-section:hover{border-color:rgba(var(--accent-primary-rgb),.22)}.accordion-section.is-open:before,.accordion-section:hover:before{opacity:1}.accordion-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;min-height:64px;background:transparent;border:none;cursor:pointer;color:var(--text-primary);transition:background-color var(--dur-base) var(--ease-out-quart);font-family:inherit;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.accordion-header:active{background-color:#ffffff05}.accordion-title{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;text-align:left;min-width:0;flex:1}.accordion-chip{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;flex-shrink:0;transition:background var(--dur-base) var(--ease-in-out-soft),box-shadow var(--dur-base) var(--ease-in-out-soft),transform var(--dur-base) var(--ease-spring)}.accordion-chip-cyan{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.2),rgba(var(--accent-primary-rgb),.08));color:var(--accent-primary);box-shadow:inset 0 0 0 1px rgba(var(--accent-primary-rgb),.25)}.accordion-chip-red{background:linear-gradient(135deg,#ef444433,#ef444414);color:#ef4444;box-shadow:inset 0 0 0 1px #ef444440}.accordion-section.is-open .accordion-chip-cyan{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.32),rgba(var(--accent-primary-rgb),.14));box-shadow:inset 0 0 0 1px rgba(var(--accent-primary-rgb),.45),0 0 14px rgba(var(--accent-primary-rgb),.18)}.accordion-title-text{display:flex;flex-direction:column;gap:2px;min-width:0}.accordion-title-main{font-size:15px;font-weight:700;color:var(--text-primary);line-height:1.2}.accordion-title-sub{font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.1px;line-height:1.2}.accordion-icon{display:flex;align-items:center;color:var(--text-muted)}.accordion-badge{background-color:var(--accent-primary);color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.accordion-arrow{color:var(--text-muted);transition:transform var(--dur-base) var(--ease-spring),color var(--dur-base) var(--ease-in-out-soft);display:flex;align-items:center;flex-shrink:0;margin-left:8px}.accordion-arrow svg{width:18px;height:18px}.accordion-arrow.expanded{transform:rotate(180deg);color:var(--accent-primary)}.accordion-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-slow) var(--ease-out-quart)}.accordion-wrapper.open{grid-template-rows:1fr}.accordion-inner{overflow:hidden}.accordion-content{padding:4px 16px 16px;display:flex;flex-direction:column;gap:12px}.accordion-wrapper.open .accordion-content{animation:accSlideDown var(--dur-slow) var(--ease-out-quart) both}@keyframes accSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.btn-accordion{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:12px 16px;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;background-color:rgba(var(--accent-primary-rgb),.15);border:1px solid rgba(var(--accent-primary-rgb),.4);color:var(--accent-primary);transition:background var(--dur-base) var(--ease-out-quart),border-color var(--dur-base) var(--ease-out-quart),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out-quart);font-family:inherit;-webkit-tap-highlight-color:transparent}.btn-accordion:hover{background-color:rgba(var(--accent-primary-rgb),.25)}.btn-accordion:active{transform:scale(.98)}.btn-accordion svg{flex-shrink:0}.btn-accordion-secondary{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary)}.btn-accordion-secondary:hover{background-color:#ffffff1a;border-color:#ffffff40;color:var(--text-primary)}.btn-accordion:disabled{opacity:.6;cursor:not-allowed}.btn-accordion-upgrade{background:linear-gradient(135deg,#f59e0b26,#fde04726);border:1px solid rgba(245,158,11,.4);color:#fbbf24}.btn-accordion-upgrade:hover{background:linear-gradient(135deg,#f59e0b40,#fde04740);box-shadow:0 0 10px #f59e0b1a}.btn-accordion-text{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 14px;border-radius:24px;font-size:13px;font-weight:500;cursor:pointer;background:transparent;border:none;color:var(--text-secondary);transition:color .2s;font-family:inherit}.btn-accordion-text:hover{color:var(--text-primary)}.accordion-text-muted{color:var(--text-muted);font-size:13px;text-align:center;padding:8px 0}.spin{animation:detailSpin .8s linear infinite}@keyframes detailSpin{to{transform:rotate(360deg)}}.devices-list{display:flex;flex-direction:column;gap:10px}.device-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background-color:#ffffff08;border:1px solid var(--border-color);border-radius:20px;transition:border-color var(--dur-base) var(--ease-in-out-soft);animation:rowStagger var(--dur-slow) var(--ease-out-quart) both;animation-delay:calc(var(--stagger-i, 0) * 50ms)}.device-item:hover{border-color:rgba(var(--accent-primary-rgb),.18)}@keyframes rowStagger{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.device-info{flex:1;min-width:0}.device-name{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.device-meta{font-size:13px;color:var(--text-muted)}.device-date{font-size:12px;color:var(--text-muted);opacity:.6;margin-top:4px}.device-delete-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#ef44442e,#ef44440f);border:1px solid rgba(239,68,68,.28);border-radius:14px;color:#ef4444;cursor:pointer;transition:background var(--dur-base) var(--ease-out-quart),border-color var(--dur-base) var(--ease-out-quart),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out-quart);flex-shrink:0;margin-left:12px;position:relative;z-index:5;box-shadow:inset 0 0 0 1px #ef44441f;-webkit-tap-highlight-color:transparent}.device-delete-btn:hover{background:linear-gradient(135deg,#ef444447,#ef44441a);border-color:#ef444466;box-shadow:inset 0 0 0 1px #ef444438,0 0 14px #ef44442e}.device-delete-btn:active{transform:scale(.94)}.device-delete-btn:disabled{opacity:.5;cursor:not-allowed}.spinner-small{width:16px;height:16px;border:2px solid rgba(239,68,68,.3);border-top-color:#ef4444;border-radius:50%;animation:spin .8s linear infinite}.promo-input-row{display:flex;gap:10px;margin-bottom:4px}.promo-input{flex:1;min-width:0;background-color:#ffffff0d;border:1px solid var(--border-color);border-radius:14px;padding:12px 16px;min-height:44px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color var(--dur-base) var(--ease-in-out-soft),background var(--dur-base) var(--ease-in-out-soft);font-family:inherit}.promo-input:focus{border-color:rgba(var(--accent-primary-rgb),.5);background-color:#ffffff14}.promo-apply-btn{flex-shrink:0;padding:0 20px;min-height:44px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;-webkit-tap-highlight-color:transparent}.promo-apply-btn:hover:not(:disabled){background-color:#ffffff26}.promo-apply-btn:disabled{opacity:.5;cursor:not-allowed}.promo-history-title{font-size:13px;font-weight:500;color:var(--text-muted);margin-top:0;margin-bottom:0}.promo-list{display:flex;flex-direction:column;gap:10px}.promo-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background-color:#ffffff08;border:1px solid var(--border-color);border-radius:14px;animation:rowStagger var(--dur-slow) var(--ease-out-quart) both;animation-delay:calc(var(--stagger-i, 0) * 50ms)}.promo-code{font-size:15px;font-weight:600;color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;display:flex;align-items:center;gap:8px}.promo-code-icon{color:var(--accent-primary);flex-shrink:0}.promo-info{flex:1;min-width:0}.promo-discount{font-size:14px;font-weight:600;color:var(--accent-primary)}.promo-date{font-size:12px;color:var(--text-muted);margin-top:2px}.promo-item.active{border-color:rgba(var(--accent-primary-rgb),.3);background-color:rgba(var(--accent-primary-rgb),.05)}.promo-active-badge{padding:3px 8px;background-color:rgba(var(--accent-primary-rgb),.15);border-radius:6px;font-size:11px;font-weight:600;color:var(--accent-primary);margin-left:8px}.promo-discount.duration{color:#10b981}.promo-right{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.promo-sub-info{font-size:11px;color:var(--text-muted);margin-top:2px}@media(min-width:360px){.detail-actions .btn-pill{flex:1 1 0}}@media(max-width:320px){.detail-actions .btn-pill{flex:1 1 100%}}.dd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:dd-bd-in var(--dur-base) var(--ease-in-out-soft)}@keyframes dd-bd-in{0%{opacity:0}to{opacity:1}}.dd-modal-card{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% -20%,rgba(239,68,68,.16) 0%,transparent 55%),linear-gradient(160deg,#1a232d,#131922);border:1px solid rgba(239,68,68,.18);color:var(--text-primary);width:100%;max-width:400px;border-radius:24px;padding:28px 22px 22px;text-align:center;box-shadow:inset 0 1px #ffffff14,0 24px 60px -16px #000000a6;animation:dd-scale-in var(--dur-slow) var(--ease-spring) .05s backwards}.dd-modal-card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);pointer-events:none}@keyframes dd-scale-in{0%{opacity:0;transform:translateY(24px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.dd-modal-close{position:absolute;top:12px;right:12px;min-width:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);border-radius:12px;cursor:pointer;z-index:4;transition:background var(--dur-fast) var(--ease-in-out-soft),color var(--dur-fast) var(--ease-in-out-soft),transform var(--dur-fast) var(--ease-spring)}.dd-modal-close:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary)}.dd-modal-close:active:not(:disabled){transform:scale(.94)}.dd-modal-close:disabled{opacity:.4;cursor:not-allowed}.dd-modal-icon{position:relative;width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;background:linear-gradient(160deg,#ef444438,#ef444414);color:var(--accent-danger);border:1px solid rgba(239,68,68,.34);box-shadow:inset 0 1px #ffffff1a,0 6px 18px -8px #00000080;isolation:isolate}.dd-modal-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:-1;border-radius:26px;background:radial-gradient(circle,rgba(239,68,68,.35) 0%,transparent 70%);filter:blur(6px);animation:dd-icon-glow 3s var(--ease-in-out-soft) infinite alternate}@keyframes dd-icon-glow{0%{opacity:.5;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}.dd-modal-icon-warn{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#fde047,#f59e0b);color:#1a1a1a;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f59e0b73}.dd-modal-title{font-size:var(--font-size-title);font-weight:800;letter-spacing:-.4px;color:var(--text-primary);margin:0 0 8px;line-height:1.2}.dd-modal-text{color:var(--text-secondary);font-size:var(--font-size-body);line-height:1.5;margin:0 auto 18px;max-width:320px}.dd-device-card{display:inline-flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 14px;margin:0 auto 20px;max-width:100%;box-shadow:inset 0 1px #ffffff0a}.dd-device-icon{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;color:var(--text-secondary);flex-shrink:0}.dd-device-name{color:var(--text-primary);font-weight:700;font-size:var(--font-size-body);letter-spacing:-.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.dd-modal-actions{display:flex;gap:10px}.dd-btn{min-height:52px;padding:14px 16px;border-radius:16px;font-weight:800;font-size:15px;letter-spacing:-.2px;border:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-fast) var(--ease-in-out-soft),box-shadow var(--dur-fast) var(--ease-in-out-soft),filter var(--dur-fast) var(--ease-in-out-soft)}.dd-btn:active:not(:disabled){transform:scale(.96)}.dd-btn:disabled{opacity:.55;cursor:not-allowed}.dd-btn-cancel{flex:1;background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.08);font-weight:700;font-size:14px}.dd-btn-cancel:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary)}.dd-btn-delete{flex:2;background:linear-gradient(135deg,#f87171 0%,var(--accent-danger) 50%,#dc2626 100%);color:#fff;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000002e,0 10px 28px #ef44445c;text-shadow:0 1px 0 rgba(0,0,0,.2)}.dd-btn-delete:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff59,inset 0 -1px #0000002e,0 14px 34px #ef444475}.dd-btn-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.32);border-top-color:#fff;animation:dd-spin .7s linear infinite;display:inline-block}@keyframes dd-spin{to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;min-height:50vh;gap:16px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.skeleton-list{display:flex;flex-direction:column;gap:12px;padding:4px 0}.skeleton-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-radius:24px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff08;animation:skel-fade-in var(--dur-slow) var(--ease-out-quart) backwards}.skeleton-row:nth-child(1){animation-delay:.05s}.skeleton-row:nth-child(2){animation-delay:.11s}.skeleton-row:nth-child(3){animation-delay:.17s}.skeleton-row:nth-child(4){animation-delay:.23s}@keyframes skel-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skeleton-row-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.skeleton-chip,.skeleton-line,.skeleton-pill{background:linear-gradient(90deg,#ffffff0a,rgba(var(--accent-primary-rgb),.08) 30%,#ffffff1a,rgba(var(--accent-primary-rgb),.08) 70%,#ffffff0a);background-size:220% 100%;animation:shimmer 1.5s var(--ease-in-out-soft, ease-in-out) infinite}.skeleton-chip{width:40px;height:40px;border-radius:12px;flex-shrink:0}.skeleton-text-stack{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.skeleton-line{height:12px;border-radius:6px}.skeleton-line-md{width:65%}.skeleton-line-sm{width:38%;height:10px}.skeleton-pill{width:72px;height:28px;border-radius:14px;flex-shrink:0}@keyframes shimmer{0%{background-position:220% 0}to{background-position:-220% 0}}.zen-pulse{position:relative;width:80px;height:80px;border-radius:24px;background:linear-gradient(160deg,rgba(var(--accent-primary-rgb),.2),rgba(var(--accent-primary-rgb),.08));border:1px solid rgba(var(--accent-primary-rgb),.3);box-shadow:inset 0 1px #ffffff1a,0 8px 32px rgba(var(--accent-primary-rgb),.35);display:flex;align-items:center;justify-content:center;animation:zen-breathe 2.2s var(--ease-in-out-soft) infinite;isolation:isolate}.zen-pulse:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;z-index:-1;border-radius:28px;background:radial-gradient(circle,rgba(var(--accent-primary-rgb),.45) 0%,transparent 70%);filter:blur(8px);animation:zen-glow 2.2s var(--ease-in-out-soft) infinite}.zen-pulse-mark{font-family:Inter,system-ui,sans-serif;font-size:44px;font-weight:800;letter-spacing:-2px;color:var(--accent-primary);line-height:1;background:linear-gradient(180deg,#FFFFFF 0%,var(--accent-primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes zen-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes zen-glow{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}}.zen-dots{display:inline-flex;align-items:center;gap:8px}.zen-dots span{width:9px;height:9px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 10px rgba(var(--accent-primary-rgb),.6);animation:zen-dot 1.4s var(--ease-in-out-soft) infinite}.zen-dots span:nth-child(2){animation-delay:.2s}.zen-dots span:nth-child(3){animation-delay:.4s}@keyframes zen-dot{0%,80%,to{transform:scale(.35);opacity:.3}40%{transform:scale(1);opacity:1}}.subscription-tabs-wrapper{width:100%}.tabs-bar{display:flex;gap:4px;margin-bottom:16px;padding:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tab-btn{flex:1;padding:10px 14px;border-radius:12px;font-weight:600;font-size:14px;letter-spacing:-.1px;cursor:pointer;transition:background var(--dur-base) var(--ease-out-quart),color var(--dur-base) var(--ease-out-quart),transform var(--dur-fast) var(--ease-spring);background:transparent;border:none;color:#ffffff8c;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:5;min-height:44px;font-family:inherit;-webkit-tap-highlight-color:transparent}.tab-btn:hover{color:#ffffffd9}.tab-btn.active{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.18),rgba(var(--accent-primary-rgb),.1));color:var(--accent-primary);box-shadow:inset 0 1px #ffffff14,0 4px 16px rgba(var(--accent-primary-rgb),.18)}.tab-btn:active{transform:scale(.96)}.lte-loading{display:flex;justify-content:center;align-items:center;padding:40px;color:var(--text-secondary)}.lte-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;background:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:24px;border:1px solid rgba(255,255,255,.1);min-height:300px;box-shadow:inset 0 1px #ffffff0f,0 10px 32px #0000003d;position:relative;overflow:hidden}.lte-empty-state:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(100% 60% at 50% 0%,rgba(var(--accent-primary-rgb),.1),transparent 70%);pointer-events:none}.lte-empty-icon-wrapper{width:72px;height:72px;background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.22),rgba(var(--accent-primary-rgb),.08));border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--accent-primary);box-shadow:inset 0 0 0 1px rgba(var(--accent-primary-rgb),.3),0 0 24px rgba(var(--accent-primary-rgb),.18);position:relative;z-index:1}.lte-empty-state h3{margin:0 0 10px;font-size:22px;font-weight:700;color:var(--text-primary);position:relative;z-index:1}.lte-empty-state p{color:var(--text-secondary);margin-bottom:28px;font-size:15px;line-height:1.5;max-width:280px;position:relative;z-index:1}.lte-buy-traffic-btn{width:100%;min-height:52px;padding:14px 18px;background:linear-gradient(135deg,var(--accent-primary) 0%,rgba(8,145,178,1) 100%);border:1px solid rgba(var(--accent-primary-rgb),.55);border-radius:18px;color:#0a1416;font-size:16px;font-weight:700;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out-quart);display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:inset 0 1px #ffffff47,0 6px 20px rgba(var(--accent-primary-rgb),.36);position:relative;z-index:1;-webkit-tap-highlight-color:transparent}.lte-buy-traffic-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff59,0 10px 28px rgba(var(--accent-primary-rgb),.46)}.lte-buy-traffic-btn:active{transform:scale(.98)}.lte-buy-traffic-btn.disabled,.lte-buy-traffic-btn:disabled{background:#ffffff14;color:#ffffff4d;border-color:#ffffff0d;cursor:not-allowed;box-shadow:none;pointer-events:none}.lte-buy-traffic-btn.disabled:hover,.lte-buy-traffic-btn:disabled:hover{transform:none;box-shadow:none}.lte-sub-expired-hint{display:flex;align-items:center;gap:8px;padding:12px 14px;background:linear-gradient(180deg,#f59e0b24,#f59e0b0f);border:1px solid rgba(245,158,11,.3);border-radius:14px;color:#fbbf24;font-size:13px;font-weight:600;line-height:1.35;box-shadow:inset 0 1px #ffffff0d;position:relative;z-index:1}.lte-sub-expired-hint svg{flex-shrink:0}.btn-accordion.disabled,.btn-accordion:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.wg-req-list{display:flex;flex-direction:column;gap:8px;width:100%;margin:4px 0 16px}.wg-req-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);font-size:13.5px;line-height:1.35;text-align:left}.wg-req-row svg{flex-shrink:0;opacity:.75}.wg-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px;font-size:13.5px;line-height:1.45}.wg-steps li::marker{font-weight:700;opacity:.65}.detail-actions.wg-actions{grid-template-columns:1fr}.payment-history{padding:0}.payment-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;color:var(--text-muted)}.payment-empty svg{opacity:.5}.payment-empty p{font-size:15px}.payment-list{display:flex;flex-direction:column;gap:12px}.payment-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border:1px solid rgba(255,255,255,.12);border-radius:20px;animation:rowIn var(--dur-slow) var(--ease-out-quart) backwards}.payment-item:nth-child(1){animation-delay:.04s}.payment-item:nth-child(2){animation-delay:.08s}.payment-item:nth-child(3){animation-delay:.12s}.payment-item:nth-child(4){animation-delay:.16s}.payment-item:nth-child(5){animation-delay:.2s}.payment-item:nth-child(n+6){animation-delay:.24s}@keyframes rowIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.payment-item-left{display:flex;flex-direction:column;gap:4px}.payment-plan{font-size:15px;font-weight:500;color:var(--text-primary)}.payment-date{font-size:13px;color:var(--text-muted)}.payment-method-inline{color:var(--text-muted);opacity:.85}.payment-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.payment-amount{font-size:15px;font-weight:600;color:var(--text-primary)}.payment-status{padding:4px 10px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.payment-status.success{background-color:#3fc7d826;color:#3fc7d8;border:1px solid rgba(63,199,216,.3)}.payment-status.pending{background-color:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.payment-status.cancelled,.payment-status.failed{background-color:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.renewal-flow{display:flex;flex-direction:column;gap:16px;padding-bottom:24px;position:relative;z-index:2}.renewal-card{background-color:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:20px;padding:16px;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.renewal-section-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;padding-left:4px}.tier-selector{display:flex;gap:4px;background:#ffffff0a;backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));padding:4px;border-radius:16px;border:1px solid rgba(255,255,255,.06)}.tier-btn{flex:1;padding:12px 14px;border-radius:12px;border:none;background:transparent;color:#ffffff8c;font-weight:700;font-size:14px;letter-spacing:-.1px;cursor:pointer;transition:background var(--dur-base) var(--ease-out-quart),color var(--dur-base) var(--ease-out-quart),box-shadow var(--dur-base) var(--ease-out-quart),transform var(--dur-fast) var(--ease-spring);font-family:inherit;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.tier-btn:hover{color:#ffffffd9}.tier-btn:active{transform:scale(.96)}.tier-btn.active{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.18),rgba(var(--accent-primary-rgb),.08));color:var(--accent-primary);box-shadow:inset 0 1px #ffffff14,0 4px 14px rgba(var(--accent-primary-rgb),.18)}.tier-btn.active.tier-premium,.tier-btn[data-tier=premium].active{background:linear-gradient(135deg,#f59e0b38,#f59e0b14);color:#fde047;box-shadow:inset 0 1px #ffffff14,0 4px 14px #f59e0b33}.duration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.duration-card{background-color:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:18px 16px 16px;display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;transition:background-color var(--dur-base) var(--ease-out-quart),border-color var(--dur-base) var(--ease-out-quart),box-shadow var(--dur-base) var(--ease-out-quart),transform var(--dur-fast) var(--ease-spring);overflow:hidden;min-height:110px;box-shadow:inset 0 1px #ffffff0d}.duration-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(at top left,rgba(var(--accent-primary-rgb),.05),transparent 70%);opacity:0;transition:opacity var(--dur-base) var(--ease-out-quart);pointer-events:none}.duration-card:hover:before{opacity:1}.duration-card:active{transform:scale(.96)}.duration-card.active{border-color:rgba(var(--accent-primary-rgb),.55);background-color:rgba(var(--accent-primary-rgb),.1);box-shadow:inset 0 1px #ffffff14,0 8px 24px rgba(var(--accent-primary-rgb),.22)}.duration-card.active:before{opacity:1;background:radial-gradient(at top left,rgba(var(--accent-primary-rgb),.18),transparent 60%)}.card-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#fde047,#f59e0b);color:#1a1a1a;font-size:9px;font-weight:800;padding:3px 7px;border-radius:8px;z-index:10;letter-spacing:.4px;text-transform:uppercase;box-shadow:0 4px 12px #f59e0b4d}.card-months{font-size:32px;font-weight:800;line-height:1;color:var(--text-primary);letter-spacing:-1px;margin-bottom:2px;position:relative;z-index:1}.duration-card.active .card-months{color:var(--accent-primary)}.card-unit{font-size:11px;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;position:relative;z-index:1}.card-price-per{font-size:13px;font-weight:700;color:var(--accent-primary);margin-bottom:2px;position:relative;z-index:1}.card-total{font-size:12px;color:var(--text-muted);position:relative;z-index:1}.plan-detail-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0f}.plan-detail-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(at top right,rgba(var(--accent-primary-rgb),.08),transparent 60%);pointer-events:none}.plan-detail-card.premium:before{background:radial-gradient(at top right,rgba(245,158,11,.1),transparent 60%)}.plan-detail-header{display:flex;align-items:center;gap:14px;margin-bottom:18px;position:relative;z-index:1}.plan-icon-hex{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-primary-rgb),.14);border:1px solid rgba(var(--accent-primary-rgb),.25);border-radius:16px;color:var(--accent-primary);box-shadow:0 6px 16px rgba(var(--accent-primary-rgb),.18);flex-shrink:0}.plan-icon-hex.premium{background:#f59e0b24;border-color:#f59e0b4d;color:var(--accent-warning);box-shadow:0 6px 16px #f59e0b33}.plan-title-box{flex:1;min-width:0}.plan-name-main{font-size:var(--font-size-title);font-weight:800;color:var(--text-primary);letter-spacing:-.3px;line-height:1.1}.plan-tagline{font-size:var(--font-size-caption);color:var(--text-secondary);margin-top:4px;line-height:1.4}.plan-feature-list{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.06);margin-top:4px;padding-top:16px}.plan-feature-row{display:flex;align-items:center;gap:12px;font-size:var(--font-size-body);color:var(--text-secondary);line-height:1.4}.dot{width:22px;height:22px;border-radius:8px;background:rgba(var(--accent-primary-rgb),.14);color:var(--accent-primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(var(--accent-primary-rgb),.25);position:relative}.dot:after{content:"";width:10px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) translate(1px,-1px)}.premium .dot,.plan-detail-card.premium .dot{background:#f59e0b24;color:var(--accent-warning);border-color:#f59e0b4d}.checkout-summary-bar{background-color:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:20px;padding:16px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color);margin-top:8px}.summary-left{display:flex;flex-direction:column}.summary-total{font-size:22px;font-weight:800;color:var(--text-primary)}.summary-desc{font-size:12px;color:var(--text-secondary)}.checkout-next-btn{background:var(--accent-primary);color:#fff;border:none;padding:12px 24px;border-radius:100px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 15px #3fc7d84d;transition:transform .2s}.checkout-next-btn:active{transform:scale(.96)}.order-summary-card{background-color:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--border-color)}.order-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-secondary)}.order-row.total{border-top:1px solid var(--border-color);padding-top:12px;margin-top:4px}.order-row span.bold{color:var(--text-primary);font-weight:700}.order-row span.accent{font-size:20px;font-weight:800;color:var(--accent-primary)}.payment-grid{display:flex;flex-direction:column;gap:8px}.payment-card{background-color:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;text-align:left;min-height:64px;transition:background-color var(--dur-base) var(--ease-out-quart),border-color var(--dur-base) var(--ease-out-quart),box-shadow var(--dur-base) var(--ease-out-quart),transform var(--dur-fast) var(--ease-spring);box-shadow:inset 0 1px #ffffff0a;width:100%;font-family:inherit;color:inherit;position:relative;overflow:hidden}.payment-card.active{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.16),rgba(var(--accent-primary-rgb),.05));border-color:rgba(var(--accent-primary-rgb),.5);box-shadow:inset 0 1px #ffffff1a,0 8px 24px rgba(var(--accent-primary-rgb),.22)}.payment-card.active .payment-card-icon{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.22),rgba(var(--accent-primary-rgb),.08));border-color:rgba(var(--accent-primary-rgb),.35);color:var(--accent-primary)}.payment-card-name{font-weight:700;font-size:var(--font-size-body);color:var(--text-primary);letter-spacing:-.2px;margin-bottom:3px}.payment-radio{margin-left:auto;width:24px;height:24px;border:2px solid rgba(255,255,255,.15);border-radius:50%;position:relative;flex-shrink:0;transition:border-color var(--dur-fast) var(--ease-in-out-soft),background var(--dur-fast) var(--ease-in-out-soft)}.payment-card.active .payment-radio{border-color:var(--accent-primary);background:var(--accent-primary);box-shadow:0 0 14px rgba(var(--accent-primary-rgb),.45)}.promo-container{display:flex;gap:8px;margin-top:8px}.promo-field{flex:1;background-color:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;color:var(--text-primary);font-family:inherit;outline:none}.promo-field:focus{border-color:#ffffff4d}.promo-btn{background:#ffffff1a;color:#fff;border:none;padding:0 20px;border-radius:12px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.active-discount-badge{text-align:center;color:var(--accent-primary);font-weight:600;font-size:13px;margin-top:4px}.final-pay-btn{width:100%;background:var(--accent-primary);color:#fff;border:none;padding:16px;border-radius:16px;font-size:16px;font-weight:800;cursor:pointer;margin-top:8px;box-shadow:0 8px 25px #3fc7d84d}.final-pay-btn:disabled{opacity:.5;cursor:not-allowed}.pm-brand{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:3px;padding:4px 5px;box-sizing:border-box;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px #0000000d}.pm-brand--stack{flex-direction:column;gap:2px}.pm-brand-img{max-width:100%;max-height:26px;width:auto;height:auto;object-fit:contain;display:block}.pm-brand--stack .pm-brand-img{max-height:13px}.pm-brand--emoji{font-size:24px;line-height:1}.rb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:rb-bd-in var(--dur-base) var(--ease-in-out-soft)}@keyframes rb-bd-in{0%{opacity:0}to{opacity:1}}.rb-modal-card{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% -20%,rgba(var(--accent-primary-rgb),.18) 0%,transparent 55%),linear-gradient(160deg,#1a232d,#131922);border:1px solid rgba(255,255,255,.08);color:var(--text-primary);width:100%;max-width:420px;border-radius:24px;padding:28px 22px 22px;text-align:center;box-shadow:inset 0 1px #ffffff14,0 24px 60px -16px #000000a6;animation:rb-scale-in var(--dur-slow) var(--ease-spring) .05s backwards}.rb-modal-card.rb-modal-warn{background:radial-gradient(circle at 50% -20%,rgba(245,158,11,.18) 0%,transparent 55%),linear-gradient(160deg,#1a232d,#131922)}.rb-modal-card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);pointer-events:none}@keyframes rb-scale-in{0%{transform:translateY(24px) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.rb-modal-card.is-bursting{animation:rb-scale-in var(--dur-slow) var(--ease-spring) .05s backwards,rb-card-pulse .6s var(--ease-spring)}@keyframes rb-card-pulse{0%{transform:scale(1)}35%{transform:scale(1.015);box-shadow:inset 0 1px #ffffff1a,0 24px 60px -16px #000000a6,0 0 0 6px rgba(var(--accent-primary-rgb),.2)}to{transform:scale(1)}}.rb-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;min-width:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);border-radius:12px;cursor:pointer;z-index:4;transition:background var(--dur-fast) var(--ease-in-out-soft),color var(--dur-fast) var(--ease-in-out-soft),transform var(--dur-fast) var(--ease-spring)}.rb-modal-close:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary)}.rb-modal-close:active:not(:disabled){transform:scale(.94)}.rb-modal-close:disabled{opacity:.4;cursor:not-allowed}.rb-modal-icon{position:relative;width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:inset 0 1px #ffffff1a,0 6px 18px -8px #00000080}.rb-icon-pay{background:linear-gradient(160deg,rgba(var(--accent-primary-rgb),.22),rgba(var(--accent-primary-rgb),.08));color:var(--accent-primary);border:1px solid rgba(var(--accent-primary-rgb),.32)}.rb-icon-pay:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:-1;border-radius:26px;background:radial-gradient(circle,rgba(var(--accent-primary-rgb),.35) 0%,transparent 70%);filter:blur(6px);animation:rb-icon-glow 3s var(--ease-in-out-soft) infinite alternate}@keyframes rb-icon-glow{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.rb-icon-warn{background:linear-gradient(160deg,#f59e0b38,#f59e0b14);color:var(--accent-warning);border:1px solid rgba(245,158,11,.35)}.rb-modal-icon-spark{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent-light),var(--accent-primary));color:#0a0f14;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(var(--accent-primary-rgb),.45);animation:rb-spark-twinkle 2.4s var(--ease-spring) infinite}@keyframes rb-spark-twinkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(20deg)}}.rb-modal-title{font-size:var(--font-size-title);font-weight:800;letter-spacing:-.4px;color:var(--text-primary);margin:0 0 8px;line-height:1.2}.rb-modal-text{color:var(--text-secondary);font-size:var(--font-size-body);line-height:1.5;margin:0 0 18px}.rb-modal-breakdown{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:4px 14px;margin:0 0 18px;text-align:left;box-shadow:inset 0 1px #ffffff0a}.rb-modal-breakdown.rb-breakdown-warn{background:#f59e0b0d;border-color:#f59e0b2e}.rb-modal-breakdown .rb-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:var(--font-size-caption);color:var(--text-secondary);border-bottom:1px dashed rgba(255,255,255,.08);min-height:36px}.rb-modal-breakdown .rb-row:last-child{border-bottom:none}.rb-row-label{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-weight:600;letter-spacing:.1px}.rb-row-label svg{color:var(--accent-primary)}.rb-modal-breakdown .rb-row strong{color:var(--text-primary);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.2px}.rb-row-total{padding-top:12px!important;padding-bottom:12px!important;font-size:var(--font-size-body)}.rb-row-total strong{font-size:17px;font-weight:800;letter-spacing:-.4px}.rb-row-strong.rb-row-accent{color:var(--accent-primary)}.rb-row-strong.rb-row-warn{color:var(--accent-warning)}.rb-modal-actions{display:flex;gap:10px}.rb-btn{flex:1;min-height:48px;padding:13px 14px;border-radius:14px;font-weight:800;font-size:var(--font-size-body);border:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:-.2px;transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-fast) var(--ease-in-out-soft),box-shadow var(--dur-fast) var(--ease-in-out-soft),filter var(--dur-fast) var(--ease-in-out-soft)}.rb-btn:active:not(:disabled){transform:scale(.97)}.rb-btn:disabled{opacity:.55;cursor:not-allowed}.rb-btn-confirm{position:relative;overflow:hidden;isolation:isolate;min-height:56px;padding:14px 18px;border-radius:16px;font-size:16px;letter-spacing:-.3px;gap:10px;flex:2;background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent-primary) 50%,var(--accent-deep) 100%);color:#0a0f14;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #0000002e,0 10px 28px rgba(var(--accent-primary-rgb),.35);text-shadow:0 1px 0 rgba(255,255,255,.2)}.rb-btn-confirm:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translate(-100%);animation:rb-cta-shimmer 3.4s var(--ease-in-out-soft) infinite}@keyframes rb-cta-shimmer{0%{transform:translate(-100%)}65%{transform:translate(100%)}to{transform:translate(100%)}}.rb-btn-confirm:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000002e,0 14px 34px rgba(var(--accent-primary-rgb),.45)}.rb-btn-confirm svg{width:18px;height:18px;stroke-width:3!important}.rb-btn-cancel{background:#ffffff0a;color:var(--text-secondary);border:1px solid rgba(255,255,255,.08);min-height:56px;border-radius:16px;font-size:14px;flex:1}.rb-btn-cancel:hover:not(:disabled){background:#ffffff14;color:var(--text-primary)}.rb-btn-wide{flex:1}.rb-btn-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(10,15,20,.32);border-top-color:#0a0f14;animation:rb-spin .7s linear infinite;display:inline-block}@keyframes rb-spin{to{transform:rotate(360deg)}}.rb-confetti{position:absolute;top:38px;left:50%;width:0;height:0;pointer-events:none;z-index:5}.rb-confetti-ring{position:absolute;top:0;left:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid rgba(var(--accent-primary-rgb),.55);animation:rb-ring-expand .6s var(--ease-out-quart) forwards}@keyframes rb-ring-expand{0%{transform:scale(.4);opacity:1;border-width:3px}to{transform:scale(6);opacity:0;border-width:1px}}.rb-confetti-piece{position:absolute;top:0;left:0;width:7px;height:11px;border-radius:2px;background:var(--accent-primary);margin:-5px 0 0 -3px;opacity:0;will-change:transform,opacity}.rb-confetti-piece{animation:rb-burst .65s var(--ease-out-quart) forwards}.rb-c0{--rb-x: 0px;--rb-y: -88px;--rb-r: -6deg;background:var(--accent-light)}.rb-c1{--rb-x: 42px;--rb-y: -76px;--rb-r: 18deg;background:var(--accent-primary)}.rb-c2{--rb-x: 72px;--rb-y: -48px;--rb-r: 46deg;background:var(--accent-secondary)}.rb-c3{--rb-x: 86px;--rb-y: -8px;--rb-r: 82deg;background:var(--accent-light)}.rb-c4{--rb-x: 76px;--rb-y: 34px;--rb-r: 112deg;background:#fff}.rb-c5{--rb-x: 46px;--rb-y: 64px;--rb-r: 146deg;background:var(--accent-primary)}.rb-c6{--rb-x: 8px;--rb-y: 78px;--rb-r: 178deg;background:var(--accent-light)}.rb-c7{--rb-x: -32px;--rb-y: 72px;--rb-r: 212deg;background:var(--accent-secondary)}.rb-c8{--rb-x: -66px;--rb-y: 48px;--rb-r: 246deg;background:var(--accent-deep)}.rb-c9{--rb-x: -84px;--rb-y: 14px;--rb-r: 278deg;background:var(--accent-primary)}.rb-c10{--rb-x: -80px;--rb-y: -28px;--rb-r: 304deg;background:var(--accent-light)}.rb-c11{--rb-x: -58px;--rb-y: -60px;--rb-r: 332deg;background:#fff}.rb-c12{--rb-x: -22px;--rb-y: -82px;--rb-r: 352deg;background:var(--accent-primary)}.rb-c13{--rb-x: 22px;--rb-y: -90px;--rb-r: 10deg;background:var(--accent-secondary)}@keyframes rb-burst{0%{transform:translate(0) rotate(0) scale(.6);opacity:0}20%{opacity:1}to{transform:translate(var(--rb-x),var(--rb-y)) rotate(var(--rb-r)) scale(1);opacity:0}}.rb-c0{animation-delay:0ms}.rb-c1{animation-delay:12ms}.rb-c2{animation-delay:24ms}.rb-c3{animation-delay:36ms}.rb-c4{animation-delay:48ms}.rb-c5{animation-delay:60ms}.rb-c6{animation-delay:18ms}.rb-c7{animation-delay:30ms}.rb-c8{animation-delay:6ms}.rb-c9{animation-delay:42ms}.rb-c10{animation-delay:54ms}.rb-c11{animation-delay:22ms}.rb-c12{animation-delay:36ms}.rb-c13{animation-delay:48ms}@media(prefers-reduced-motion:reduce){.rb-icon-pay:after,.rb-modal-icon-spark,.rb-btn-confirm:before{animation:none!important}.rb-confetti-piece,.rb-confetti-ring{animation:none!important;opacity:0!important}}.upgrade-flow{display:flex;flex-direction:column;gap:16px;padding-bottom:24px;position:relative;z-index:2;animation:fadeIn .3s ease}.back-link{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-secondary);font-weight:600;font-size:14px;cursor:pointer;padding:8px 0;width:fit-content}.upgrade-header{text-align:center;margin-bottom:12px;padding:8px 0 4px}.upgrade-icon-wrapper{position:relative;width:80px;height:80px;border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;background:linear-gradient(160deg,#f59e0b38,#f59e0b14);border:1px solid rgba(245,158,11,.35);color:#fde047;box-shadow:inset 0 1px #ffffff2e,0 8px 28px #f59e0b4d;isolation:isolate}.upgrade-icon-wrapper:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;z-index:-1;border-radius:30px;background:radial-gradient(circle,rgba(245,158,11,.45) 0%,transparent 70%);filter:blur(8px);animation:upgrade-icon-glow 3s var(--ease-in-out-soft) infinite alternate}@keyframes upgrade-icon-glow{0%{opacity:.55;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}.upgrade-icon-spark{position:absolute;top:-4px;right:-4px;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#fff,#fde047);color:#1a1a1a;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #f59e0b73;animation:upgrade-spark-twinkle 2.4s var(--ease-spring) infinite}@keyframes upgrade-spark-twinkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.18) rotate(22deg)}}.upgrade-header h2{margin:0 0 6px;font-size:26px;font-weight:800;letter-spacing:-.6px;background:linear-gradient(135deg,#fde047,#f59e0b 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.upgrade-header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-body);line-height:1.4}.upgrade-features{display:flex;flex-direction:column;gap:12px;margin-bottom:12px;background-color:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));padding:20px;border-radius:20px;border:1px solid var(--border-color)}.feature-row{display:flex;gap:12px;align-items:center;color:var(--text-primary);font-size:15px}.feature-check{width:22px;height:22px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#f59e0b24;color:var(--accent-warning);border:1px solid rgba(245,158,11,.3);flex-shrink:0}.upgrade-price-box{text-align:center;margin-bottom:12px;padding:20px;background-color:var(--card-bg);background-image:linear-gradient(#f59e0b1a,#f59e0b1a);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:20px;border:1px solid rgba(245,158,11,.3)}.price-label{font-size:14px;color:#ffdcb0;margin-bottom:4px}.price-value{font-size:32px;font-weight:800;color:#fde047;margin-bottom:4px}.price-hint{font-size:13px;color:#fde047cc}.payment-methods-section{margin-bottom:12px}.methods-label{font-size:14px;color:var(--text-secondary);margin-bottom:12px;padding-left:4px}.payment-grid{display:flex;flex-direction:column;gap:12px}.payment-card{background-color:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;text-align:left;transition:background-color var(--dur-base) var(--ease-out-quart),border-color var(--dur-base) var(--ease-out-quart),box-shadow var(--dur-base) var(--ease-out-quart),transform var(--dur-fast) var(--ease-spring);width:100%;min-height:64px;font-family:inherit;color:inherit;box-shadow:inset 0 1px #ffffff0a;position:relative;overflow:hidden}.payment-card:hover{background-color:#ffffff0f;border-color:#ffffff24}.payment-card:active{transform:scale(.98)}.payment-card.active{background:linear-gradient(135deg,#f59e0b2e,#f59e0b0f);border-color:#f59e0b73;box-shadow:inset 0 1px #ffffff1a,0 8px 24px #f59e0b38}.payment-card.disabled{opacity:.5;cursor:not-allowed;background-color:#0000001a;border-color:#ffffff0d;box-shadow:none}.payment-card.disabled:hover{background-color:#0000001a;transform:none;border-color:#ffffff0d}.payment-card.disabled .payment-card-icon{filter:grayscale(1);opacity:.7}.payment-card-icon{width:44px;height:44px;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:var(--text-primary);flex-shrink:0;box-shadow:inset 0 1px #ffffff0f}.payment-card.active .payment-card-icon{background:linear-gradient(135deg,#f59e0b38,#f59e0b14);border-color:#f59e0b59;color:#fbbf24}.payment-card-info{flex:1;min-width:0}.payment-card-name{font-weight:700;font-size:var(--font-size-body);color:var(--text-primary);margin-bottom:3px;display:flex;align-items:center;gap:8px;letter-spacing:-.2px}.payment-card-desc{font-size:var(--font-size-caption);color:var(--text-muted);line-height:1.3}.payment-radio{width:24px;height:24px;border:2px solid rgba(255,255,255,.15);border-radius:50%;position:relative;flex-shrink:0;transition:border-color var(--dur-fast) var(--ease-in-out-soft),background var(--dur-fast) var(--ease-in-out-soft)}.payment-card.active .payment-radio{border-color:var(--accent-warning);background:var(--accent-warning);box-shadow:0 0 14px #f59e0b73}.payment-card.active .payment-radio:after{content:none}.btn-upgrade-action{width:100%;padding:16px;border-radius:16px;font-size:16px;font-weight:700;border:none;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#fde047);color:#000;transition:transform .2s,box-shadow .2s;margin-bottom:20px;margin-top:10px;box-shadow:0 4px 20px #f59e0b4d}.btn-upgrade-action:hover{box-shadow:0 6px 25px #f59e0b80}.btn-upgrade-action:active{transform:scale(.98)}.btn-upgrade-action:disabled{opacity:.6;cursor:not-allowed;background:#444;color:#888;box-shadow:none}.methods-loading,.methods-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:14px;background:#ffffff05;border-radius:12px}.spinner-small{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;margin-right:8px}.lte-traffic-buy{display:flex;flex-direction:column;gap:16px;animation:fadeIn .3s ease;padding-bottom:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lte-section-title{font-size:15px;font-weight:600;color:var(--text-secondary);margin:4px 0 8px 4px}.lte-buy-card{background-color:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:20px;padding:20px;border:1px solid var(--border-color);box-shadow:0 4px 24px -1px #0003}.lte-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.lte-preset-btn{padding:16px 8px;border-radius:16px;background-color:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:background-color var(--dur-base) var(--ease-out-quart),border-color var(--dur-base) var(--ease-out-quart),color var(--dur-base) var(--ease-out-quart),box-shadow var(--dur-base) var(--ease-out-quart),transform var(--dur-fast) var(--ease-spring);display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.lte-preset-btn:hover{background-color:#ffffff12;color:var(--text-primary)}.lte-preset-btn:active{transform:scale(.96)}.lte-preset-btn.active{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.16),rgba(var(--accent-primary-rgb),.06));border-color:rgba(var(--accent-primary-rgb),.55);color:var(--text-primary);box-shadow:inset 0 1px #ffffff1a,0 8px 20px rgba(var(--accent-primary-rgb),.2)}.preset-gb{font-weight:800;font-size:22px;letter-spacing:-.8px;line-height:1}.lte-preset-btn.active .preset-gb{color:var(--accent-primary)}.preset-price{font-size:12px;font-weight:700;color:var(--text-muted);letter-spacing:.2px}.lte-preset-btn.active .preset-price{color:var(--accent-primary)}.lte-divider{display:flex;align-items:center;text-align:center;margin-bottom:20px;width:100%}.lte-divider:before,.lte-divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent)}.lte-divider span{padding:0 12px;font-size:13px;color:var(--text-muted);font-weight:500}.lte-custom-input-row{display:flex;align-items:center;gap:12px;background:#ffffff0a;padding:8px 12px 8px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0a;transition:border-color var(--dur-fast) var(--ease-in-out-soft),background var(--dur-fast) var(--ease-in-out-soft),box-shadow var(--dur-fast) var(--ease-in-out-soft);min-height:56px}.lte-custom-input-row:focus-within{border-color:rgba(var(--accent-primary-rgb),.5);background:#ffffff0d;box-shadow:inset 0 1px #ffffff0f,0 0 0 3px rgba(var(--accent-primary-rgb),.18)}.lte-custom-input{width:72px;padding:4px 0;background:transparent;border:none;color:var(--text-primary);font-size:24px;font-weight:800;letter-spacing:-.5px;text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;border-bottom:2px solid rgba(255,255,255,.08);border-radius:0;transition:border-color var(--dur-fast) var(--ease-in-out-soft);font-family:inherit}.lte-custom-input:focus{outline:none;border-bottom-color:var(--accent-primary)}.lte-custom-input::-webkit-outer-spin-button,.lte-custom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.lte-custom-label{flex:1;color:var(--text-secondary);font-size:13px;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;font-weight:600}.lte-custom-total{color:#0a0f14;font-weight:800;font-size:17px;background:linear-gradient(135deg,var(--accent-light),var(--accent-primary));padding:10px 14px;border-radius:12px;min-width:84px;text-align:center;box-shadow:inset 0 1px #fff6,0 6px 16px rgba(var(--accent-primary-rgb),.28);letter-spacing:-.3px;font-variant-numeric:tabular-nums}.lte-payment-methods{display:flex;flex-direction:column;gap:12px}.lte-payment-card{background-color:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;text-align:left;min-height:64px;transition:background-color var(--dur-base) var(--ease-out-quart),border-color var(--dur-base) var(--ease-out-quart),box-shadow var(--dur-base) var(--ease-out-quart),transform var(--dur-fast) var(--ease-spring);width:100%;font-family:inherit;color:inherit;box-shadow:inset 0 1px #ffffff0a;position:relative}.lte-payment-card:hover{background-color:#ffffff0f;border-color:#ffffff24}.lte-payment-card:active{transform:scale(.98)}.lte-payment-card.active{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.16),rgba(var(--accent-primary-rgb),.05));border-color:rgba(var(--accent-primary-rgb),.5);box-shadow:inset 0 1px #ffffff1a,0 8px 24px rgba(var(--accent-primary-rgb),.22)}.lte-payment-card.disabled{opacity:.5;cursor:not-allowed;background-color:#0000001a;border-color:#ffffff0d}.lte-payment-card.disabled:hover{background-color:#0000001a;transform:none}.lte-payment-card.disabled .lte-card-icon{filter:grayscale(1);opacity:.7}.lte-card-icon{width:44px;height:44px;background:#ffffff0d;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:var(--text-primary);flex-shrink:0;border:1px solid rgba(255,255,255,.05)}.lte-payment-card.active .lte-card-icon{background:#3fc7d826;color:#5bd9e8;border-color:#3fc7d833}.lte-card-info{flex:1}.lte-card-name{font-weight:700;font-size:15px;color:var(--text-primary);margin-bottom:2px;display:flex;align-items:center;gap:8px}.lte-min-badge{background:#f59e0b26;color:#f59e0b;font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;text-transform:uppercase;white-space:nowrap;display:inline-block;border:1px solid rgba(245,158,11,.3)}.lte-card-desc{font-size:12px;color:var(--text-muted)}.lte-radio{margin-left:auto;width:24px;height:24px;border:2px solid rgba(255,255,255,.15);border-radius:50%;position:relative;flex-shrink:0;transition:border-color var(--dur-fast) var(--ease-in-out-soft),background var(--dur-fast) var(--ease-in-out-soft)}.lte-payment-card.active .lte-radio{border-color:var(--accent-primary);background:var(--accent-primary);box-shadow:0 0 14px rgba(var(--accent-primary-rgb),.45)}.lte-payment-card.active .lte-radio:after{content:none}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.lte-submit-btn{width:100%;padding:16px;background:var(--accent-primary, #3FC7D8);border:none;border-radius:16px;font-size:16px;font-weight:800;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #3fc7d84d;margin-top:8px}.lte-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3fc7d880}.lte-submit-btn:active:not(:disabled){transform:scale(.98)}.lte-submit-btn:disabled{opacity:.6;cursor:not-allowed;background:#333;color:#777;box-shadow:none}.lte-purchase-history{padding:0}.lte-purchase-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 24px;min-height:50vh;text-align:center}.lte-purchase-empty-icon{width:72px;height:72px;border-radius:22px;background:rgba(var(--accent-primary-rgb),.12);color:var(--accent-primary);border:1px solid rgba(var(--accent-primary-rgb),.25);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.lte-purchase-empty-title{font-size:var(--font-size-title);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.3px}.lte-purchase-empty p{font-size:var(--font-size-body);color:var(--text-secondary);margin:0;line-height:1.5;max-width:280px}.lte-purchase-list{display:flex;flex-direction:column;gap:12px}.lte-purchase-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border:1px solid rgba(255,255,255,.12);border-radius:20px;animation:lteRowIn var(--dur-slow) var(--ease-out-quart) backwards}.lte-purchase-item:nth-child(1){animation-delay:.04s}.lte-purchase-item:nth-child(2){animation-delay:.08s}.lte-purchase-item:nth-child(3){animation-delay:.12s}.lte-purchase-item:nth-child(4){animation-delay:.16s}.lte-purchase-item:nth-child(5){animation-delay:.2s}.lte-purchase-item:nth-child(n+6){animation-delay:.24s}@keyframes lteRowIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.lte-purchase-item-left{display:flex;flex-direction:column;gap:4px}.lte-purchase-gb{font-size:16px;font-weight:600;color:var(--text-primary)}.lte-purchase-date{font-size:13px;color:var(--text-muted)}.lte-purchase-login{font-size:11px;color:var(--text-muted);opacity:.7;margin-top:2px;font-family:monospace}.lte-purchase-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.lte-purchase-amount{font-size:15px;font-weight:600;color:#3fc7d8}.lte-purchase-meta{display:flex;align-items:center;gap:8px}.lte-purchase-system{font-size:11px;color:var(--text-muted)}.lte-purchase-status{padding:4px 10px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.lte-purchase-status.completed,.lte-purchase-status.success{background-color:#3fc7d826;color:#3fc7d8;border:1px solid rgba(63,199,216,.3)}.lte-purchase-status.pending{background-color:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.lte-purchase-status.cancelled,.lte-purchase-status.failed{background-color:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background-color:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-top:1px solid rgba(255,255,255,.06);padding:8px 0;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:100}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 14px;min-height:44px;background:transparent;border:none;color:#ffffff8c;cursor:pointer;transition:color var(--dur-fast) var(--ease-in-out-soft),transform var(--dur-base) var(--ease-spring);-webkit-tap-highlight-color:transparent;border-radius:12px}.nav-item:hover{color:var(--text-secondary)}.nav-item.active{color:var(--accent-primary)}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--accent-primary);box-shadow:0 0 12px rgba(var(--accent-primary-rgb),.4)}.nav-icon{display:flex;align-items:center;justify-content:center;transition:transform var(--dur-base) var(--ease-spring)}.nav-item.active .nav-icon{transform:scale(1.12)}.nav-icon svg{width:22px;height:22px}.nav-label{font-size:11px;font-weight:600;letter-spacing:.2px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;gap:12px;text-align:center;min-height:50vh}.error-icon-wrapper{width:72px;height:72px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:#f59e0b1f;color:var(--accent-warning);border:1px solid rgba(245,158,11,.25);margin-bottom:4px}.error-title{font-size:var(--font-size-title);font-weight:700;letter-spacing:-.3px;color:var(--text-primary);margin:0}.error-message{font-size:var(--font-size-body);color:var(--text-secondary);line-height:1.5;max-width:280px;margin:0 0 12px}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;gap:12px;text-align:center;min-height:50vh}.empty-icon-wrapper{width:72px;height:72px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-primary-rgb),.12);color:var(--accent-primary);border:1px solid rgba(var(--accent-primary-rgb),.25);margin-bottom:4px}.empty-title{font-size:var(--font-size-title);font-weight:700;letter-spacing:-.3px;color:var(--text-primary);margin:0}.empty-message{font-size:var(--font-size-body);color:var(--text-secondary);line-height:1.5;max-width:280px;margin:0 0 12px}.toast-container{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom,0px));right:16px;z-index:2000;display:flex;flex-direction:column;gap:10px;pointer-events:none;width:320px;max-width:90vw}.toast{pointer-events:auto;background:#151c24;border-radius:14px;padding:12px 14px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 12px 28px #00000080;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);animation:toastIn var(--dur-slow) var(--ease-spring)}@keyframes toastIn{0%{transform:translate(120%) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.toast-stripe{width:4px;height:100%;position:absolute;left:0;top:0;bottom:0}.toast-content{flex:1;padding-left:4px}.toast-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:2px}.toast-message{font-size:13px;color:#9ca3af;line-height:1.4}.toast-close{background:transparent;border:none;color:#6b7280;font-size:20px;line-height:1;cursor:pointer;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:-8px -8px 0 0;transition:color var(--dur-fast) var(--ease-in-out-soft)}.toast-close:hover{color:#fff}.toast.success .toast-stripe{background:#10b981}.toast.success .toast-title{color:#10b981}.toast.error .toast-stripe{background:#ef4444}.toast.error .toast-title{color:#ef4444}.toast.default .toast-stripe,.toast.info .toast-stripe{background:#3b82f6}.toast.default .toast-title,.toast.info .toast-title{color:#60a5fa}.snowfall{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.snowflake{position:absolute;top:-10px;color:#ffffff4d;font-size:12px;-webkit-user-select:none;user-select:none;animation:fall linear infinite}@keyframes fall{0%{transform:translateY(-10px) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.star-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle ease-in-out infinite;opacity:0}@keyframes twinkle{0%{opacity:0;transform:scale(.8)}50%{opacity:.8;transform:scale(1.1)}to{opacity:0;transform:scale(.8)}}.referrals-container{display:flex;flex-direction:column;gap:14px}.referrals-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:var(--text-secondary)}.referrals-loading .spinner{width:32px;height:32px;border:3px solid rgba(63,199,216,.2);border-top-color:#3fc7d8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.referral-hero{position:relative;overflow:hidden;border-radius:26px;padding:22px 22px 20px;background:linear-gradient(160deg,#3fc7d82e,#3fc7d808,#ffffff05),var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border:1px solid rgba(var(--accent-primary-rgb),.22);box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px rgba(var(--accent-primary-rgb),.04),0 8px 28px -12px #00000080;isolation:isolate}.referral-hero-glow{position:absolute;top:-30%;right:-10%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#3fc7d873,#3fc7d800 65%);z-index:-1;pointer-events:none;animation:heroGlow 8s var(--ease-in-out-soft) infinite alternate}@keyframes heroGlow{0%{transform:translate(0) scale(1);opacity:.85}to{transform:translate(-12px,18px) scale(1.06);opacity:1}}.referral-hero-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.4;mix-blend-mode:overlay;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:3px 3px;pointer-events:none}.referral-hero-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.referral-hero-label{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.referral-hero-label svg{color:var(--accent-primary)}.referral-hero-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(var(--accent-primary-rgb),.14);border:1px solid rgba(var(--accent-primary-rgb),.28);color:var(--accent-light);border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.2px;box-shadow:inset 0 1px #ffffff0f;white-space:nowrap;flex-shrink:0}.referral-hero-amount{display:flex;align-items:baseline;gap:6px;margin-bottom:18px;font-variant-numeric:tabular-nums}.referral-hero-amount-value{font-size:44px;font-weight:800;letter-spacing:-1.2px;line-height:1;color:var(--text-primary);background:linear-gradient(180deg,#fff,#cfeef3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.referral-hero-amount-currency{font-size:22px;font-weight:700;color:var(--accent-primary);letter-spacing:-.5px}.referral-hero-progress{display:flex;flex-direction:column;gap:8px}.referral-hero-progress-track{position:relative;height:6px;border-radius:999px;background:#ffffff0f;overflow:hidden;box-shadow:inset 0 1px 1px #0000004d}.referral-hero-progress-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-light));box-shadow:0 0 16px rgba(var(--accent-primary-rgb),.55);transition:width var(--dur-slow) var(--ease-out-quart)}.referral-hero-progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:progressShimmer 2.4s linear infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.referral-hero-progress-meta{font-size:12px;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between}.referral-hero-progress-meta strong{color:var(--text-secondary);font-weight:700}.referral-hero-progress-ready{display:inline-flex;align-items:center;gap:5px;color:var(--accent-primary);font-weight:700;letter-spacing:.2px}.referral-links-card{background:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:22px;padding:20px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0d,0 4px 16px -8px #0006}.referral-links-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:18px;display:flex;align-items:center;gap:8px;letter-spacing:-.2px}.referral-links-title svg{color:var(--accent-primary)}.referral-link-row{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.referral-link-row:last-child{margin-bottom:0}.referral-link-label{font-size:10.5px;color:var(--text-muted);display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.referral-link-label svg{color:rgba(var(--accent-primary-rgb),.65)}.referral-link-input-row{display:flex;gap:8px}.referral-link-input{flex:1;min-width:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:0 14px;height:44px;color:var(--text-secondary);font-size:12px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color var(--dur-base) var(--ease-out-quart),background var(--dur-base) var(--ease-out-quart);box-shadow:inset 0 1px #ffffff08}.referral-link-input:focus{border-color:rgba(var(--accent-primary-rgb),.4);background:#ffffff0f;outline:none}.btn-copy{min-height:44px;width:148px;box-sizing:border-box;padding:0 14px;border-radius:14px;background:rgba(var(--accent-primary-rgb),.12);border:1px solid rgba(var(--accent-primary-rgb),.3);color:var(--accent-primary);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:background var(--dur-fast) var(--ease-in-out-soft),border-color var(--dur-fast) var(--ease-in-out-soft),color var(--dur-fast) var(--ease-in-out-soft),transform var(--dur-fast) var(--ease-spring);display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;box-shadow:inset 0 1px #ffffff0d;flex-shrink:0}.btn-copy:hover{background:rgba(var(--accent-primary-rgb),.2);border-color:rgba(var(--accent-primary-rgb),.5)}.btn-copy:active{transform:scale(.96)}.btn-copy.copied{background:linear-gradient(135deg,var(--accent-light),var(--accent-primary));color:#0a0f14;border-color:var(--accent-primary);box-shadow:inset 0 1px #fff6,0 0 16px rgba(var(--accent-primary-rgb),.3)}.btn-copy-text{display:inline-block}.referral-percents{display:flex;gap:10px;margin-top:18px;padding-top:18px;border-top:1px dashed rgba(255,255,255,.08)}.percent-badge{flex:1;background:linear-gradient(180deg,rgba(var(--accent-primary-rgb),.1),rgba(var(--accent-primary-rgb),.03));border:1px solid rgba(var(--accent-primary-rgb),.22);border-radius:14px;padding:12px;text-align:center;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px rgba(var(--accent-primary-rgb),.08)}.percent-value{font-size:22px;font-weight:800;color:var(--accent-primary);letter-spacing:-.5px;line-height:1;font-variant-numeric:tabular-nums}.percent-label{font-size:10.5px;color:var(--text-muted);margin-top:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.referral-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{position:relative;background:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:18px;padding:14px 14px 16px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0d,0 2px 10px -6px #0006;transition:border-color var(--dur-base) var(--ease-out-quart),transform var(--dur-base) var(--ease-out-quart),background-color var(--dur-base) var(--ease-out-quart);overflow:hidden;isolation:isolate}.stat-card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);pointer-events:none}.stat-card:hover{border-color:#ffffff24;transform:translateY(-1px)}.stat-card-head{display:flex;align-items:center;gap:6px;margin-bottom:10px}.stat-card-icon{width:22px;height:22px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;color:var(--text-muted);border:1px solid rgba(255,255,255,.05)}.stat-card-icon-accent{background:rgba(var(--accent-primary-rgb),.14);color:var(--accent-primary);border-color:rgba(var(--accent-primary-rgb),.28);box-shadow:inset 0 1px #ffffff14}.stat-card-highlight{background:linear-gradient(150deg,rgba(var(--accent-primary-rgb),.1),rgba(var(--accent-primary-rgb),.02) 60%),var(--card-bg);border-color:rgba(var(--accent-primary-rgb),.25);box-shadow:inset 0 1px #ffffff14,0 4px 18px -8px rgba(var(--accent-primary-rgb),.35)}.stat-value{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;line-height:1.1;font-variant-numeric:tabular-nums}.stat-value.highlight{color:var(--accent-primary);position:relative;background:linear-gradient(110deg,var(--accent-primary) 0%,var(--accent-light) 45%,#ffffff 50%,var(--accent-light) 55%,var(--accent-primary) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:statShimmer 6s linear infinite}@keyframes statShimmer{0%{background-position:100% 0}to{background-position:-150% 0}}.stat-label{font-size:10.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.referrals-list-card{background:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:22px;padding:20px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0d,0 4px 16px -8px #0006}.referrals-list-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:8px;letter-spacing:-.2px}.referrals-list-title-text{display:inline-flex;align-items:center;gap:8px}.referrals-list-title-text svg{color:var(--accent-primary)}.referrals-list-title .count-badge{background:rgba(var(--accent-primary-rgb),.16);color:var(--accent-primary);padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid rgba(var(--accent-primary-rgb),.3);box-shadow:inset 0 1px #ffffff0f;font-variant-numeric:tabular-nums}.referrals-list{display:flex;flex-direction:column;gap:8px}.referral-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffffff08;border-radius:14px;border:1px solid rgba(255,255,255,.05);transition:background var(--dur-fast) var(--ease-in-out-soft),border-color var(--dur-fast) var(--ease-in-out-soft);min-height:56px}.referral-item:hover{background:#ffffff0d;border-color:#ffffff14}.referral-item-left{display:flex;align-items:center;gap:10px;min-width:0}.referral-avatar{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.18),rgba(var(--accent-secondary-rgb),.14));color:var(--accent-light);font-size:14px;font-weight:800;letter-spacing:-.2px;border:1px solid rgba(var(--accent-primary-rgb),.22);box-shadow:inset 0 1px #ffffff1a;flex-shrink:0}.referral-item-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.referral-username{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.referral-date{font-size:11px;color:var(--text-muted)}.referral-amount{font-size:14px;font-weight:700;color:var(--accent-primary);font-variant-numeric:tabular-nums;padding:4px 10px;border-radius:999px;background:rgba(var(--accent-primary-rgb),.1);border:1px solid rgba(var(--accent-primary-rgb),.22);white-space:nowrap}.referral-amount.is-empty{background:transparent;border:none;color:var(--text-muted);padding:0;font-weight:600}.referrals-empty{text-align:center;padding:22px 16px 18px;display:flex;flex-direction:column;align-items:center;gap:8px}.referrals-empty-icon{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--accent-primary-rgb),.1);color:var(--accent-primary);border:1px solid rgba(var(--accent-primary-rgb),.2);margin-bottom:4px}.referrals-empty-title{font-size:14px;font-weight:700;color:var(--text-primary)}.referrals-empty-sub{font-size:12px;color:var(--text-muted);line-height:1.5;max-width:260px}.referrals-note{text-align:center;padding:14px 0 0;color:var(--text-muted);font-size:11px;letter-spacing:.2px}.btn-withdraw{position:relative;width:100%;min-height:56px;padding:14px 16px 14px 14px;border-radius:18px;background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent-primary) 50%,var(--accent-deep) 100%);border:none;color:#0a0f14;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-in-out-soft),filter var(--dur-base) var(--ease-in-out-soft);display:inline-flex;align-items:center;justify-content:space-between;gap:10px;letter-spacing:-.2px;overflow:hidden;isolation:isolate;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #0000002e,0 8px 28px -8px rgba(var(--accent-primary-rgb),.55)}.btn-withdraw:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translate(-100%);animation:ctaShimmer 3.4s var(--ease-in-out-soft) infinite}@keyframes ctaShimmer{0%{transform:translate(-100%)}65%{transform:translate(100%)}to{transform:translate(100%)}}.btn-withdraw:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000002e,0 12px 32px -8px rgba(var(--accent-primary-rgb),.65)}.btn-withdraw:active{transform:scale(.98)}.btn-withdraw:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-withdraw-icon{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#0a0f142e;color:#0a0f14}.btn-withdraw-label{flex:1;text-align:left}.btn-withdraw-amount{padding:6px 12px;border-radius:999px;background:#0a0f1438;color:#0a0f14;font-weight:800;font-variant-numeric:tabular-nums;font-size:14px;letter-spacing:-.2px}.pending-notice,.min-notice{text-align:center;padding:12px 16px;border-radius:16px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;line-height:1.4}.pending-notice{background:linear-gradient(180deg,#f59e0b2e,#f59e0b14);color:var(--accent-warning);border:1px solid rgba(245,158,11,.32);box-shadow:inset 0 1px #ffffff0d;font-weight:600}.min-notice{background:#ffffff0a;color:var(--text-muted);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff08}.min-notice strong{color:var(--text-secondary);font-weight:700}.withdrawals-card{background:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:22px;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 4px 16px -8px #0006}.withdrawals-toggle{width:100%;min-height:56px;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:transparent;border:none;color:var(--text-primary);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:-.1px}.withdrawals-toggle:hover{background:#ffffff08}.withdrawals-toggle-title{display:inline-flex;align-items:center;gap:8px}.withdrawals-toggle-title svg{color:var(--accent-primary)}.withdrawals-count{padding:2px 8px;border-radius:999px;background:#ffffff0f;color:var(--text-muted);font-size:11px;font-weight:700;border:1px solid rgba(255,255,255,.06)}.toggle-arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#ffffff0a;color:var(--text-muted);transition:transform var(--dur-base) var(--ease-spring),color var(--dur-fast) var(--ease-in-out-soft)}.toggle-arrow.open{transform:rotate(180deg);color:var(--accent-primary)}.withdrawals-list{padding:0 16px 16px;display:flex;flex-direction:column;gap:8px;animation:slideDown var(--dur-base) var(--ease-out-quart)}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.withdrawal-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#ffffff08;border-radius:14px;border:1px solid rgba(255,255,255,.05);min-height:56px}.withdrawal-left{display:flex;flex-direction:column;gap:2px}.withdrawal-amount{font-size:14px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.withdrawal-date{font-size:11px;color:var(--text-muted)}.withdrawal-status{font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px;box-shadow:inset 0 1px #ffffff0d}.status-pending{background:#f59e0b29;color:var(--accent-warning);border:1px solid rgba(245,158,11,.3)}.status-completed{background:rgba(var(--accent-primary-rgb),.16);color:var(--accent-primary);border:1px solid rgba(var(--accent-primary-rgb),.3)}.status-rejected{background:#ef444429;color:var(--accent-danger);border:1px solid rgba(239,68,68,.3)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modalOverlayIn var(--dur-base) var(--ease-in-out-soft)}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;background:linear-gradient(160deg,#1a232d,#131922);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);width:100%;max-width:360px;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 24px 60px -16px #000000b3;animation:modalCardIn var(--dur-slow) var(--ease-spring)}@keyframes modalCardIn{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;min-width:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);border-radius:12px;cursor:pointer;z-index:2;transition:background var(--dur-fast) var(--ease-in-out-soft),color var(--dur-fast) var(--ease-in-out-soft)}.modal-close:hover{background:#ffffff14;color:var(--text-primary)}.modal-close:active{transform:scale(.94)}.modal-header{padding:20px 60px 16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header-icon{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--accent-primary-rgb),.14);color:var(--accent-primary);border:1px solid rgba(var(--accent-primary-rgb),.28);box-shadow:inset 0 1px #ffffff14;flex-shrink:0}.modal-header-text{display:flex;flex-direction:column;gap:2px}.modal-header-title{font-size:17px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.modal-header-sub{font-size:12px;color:var(--text-muted)}.modal-body{padding:18px 20px 6px;display:flex;flex-direction:column;gap:14px}.modal-amount-tile{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:linear-gradient(160deg,rgba(var(--accent-primary-rgb),.16),rgba(var(--accent-primary-rgb),.04));border:1px solid rgba(var(--accent-primary-rgb),.24);box-shadow:inset 0 1px #ffffff0f}.modal-amount-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.modal-amount-value{font-size:28px;font-weight:800;color:var(--accent-primary);letter-spacing:-.8px;line-height:1;display:inline-flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums}.modal-amount-currency{font-size:18px;font-weight:700;color:var(--accent-light)}.modal-note{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--text-muted);line-height:1.5;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px}.modal-note svg{color:var(--text-muted);flex-shrink:0;margin-top:1px}.modal-field{display:flex;flex-direction:column;gap:6px}.modal-field-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.modal-input{width:100%;min-height:48px;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-primary);font-size:16px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;letter-spacing:1px;outline:none;transition:border-color var(--dur-fast) var(--ease-in-out-soft),background var(--dur-fast) var(--ease-in-out-soft);box-shadow:inset 0 1px #ffffff08}.modal-input:focus{border-color:rgba(var(--accent-primary-rgb),.55);background:#ffffff0f;box-shadow:inset 0 1px #ffffff0d,0 0 0 4px rgba(var(--accent-primary-rgb),.1)}.modal-input::placeholder{color:#ffffff2e;letter-spacing:1px}.modal-actions{display:flex;gap:10px;padding:14px 20px 20px}.btn-modal-cancel,.btn-modal-confirm{flex:1;min-height:48px;padding:12px 16px;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:background var(--dur-fast) var(--ease-in-out-soft),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-in-out-soft);display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:-.1px}.btn-modal-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}.btn-modal-cancel:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary)}.btn-modal-cancel:active:not(:disabled){transform:scale(.97)}.btn-modal-confirm{background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent-primary) 50%,var(--accent-deep) 100%);border:none;color:#0a0f14;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #0000002e,0 6px 18px -6px rgba(var(--accent-primary-rgb),.55)}.btn-modal-confirm:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.btn-modal-confirm:active:not(:disabled){transform:scale(.97)}.btn-modal-confirm:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(10,15,20,.35);border-top-color:#0a0f14;animation:spin .7s linear infinite;display:inline-block}@media(prefers-reduced-motion:reduce){.referral-hero-glow,.referral-hero-progress-fill:after,.stat-value.highlight,.btn-withdraw:before{animation:none!important}}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;isolation:isolate;padding-bottom:calc(70px + var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)))}.app-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.app-content-layer{position:relative;z-index:2;display:flex;flex-direction:column;flex:1;overflow:hidden;width:100%}.app-header{position:fixed;top:0;left:0;right:0;height:calc(var(--tg-content-safe-area-inset-top, 0px) + var(--tg-safe-area-inset-top, 0px));background:#0a0f14b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:300;pointer-events:none}.main-content{flex:1;padding:16px;padding-top:calc(var(--tg-content-safe-area-inset-top, 0px) + var(--tg-safe-area-inset-top, 0px) + 16px);padding-bottom:24px;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.background-layer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}:root{--bg-primary: #0a0f14;--bg-secondary: #111820;--bg-card: #151c24;--bg-card-hover: #1a232d;--accent-primary: #3FC7D8;--accent-primary-rgb: 63, 199, 216;--accent-light: #5BD9E8;--accent-deep: #0EA5B7;--accent-secondary: #C57BFF;--accent-secondary-rgb: 197, 123, 255;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-color: #1f2937;--border-radius: 12px;--border-radius-sm: 8px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-display: 28px;--font-size-title: 20px;--font-size-body: 15px;--font-size-caption: 13px;--font-size-micro: 11px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out-quart: cubic-bezier(.22, 1, .36, 1);--ease-in-out-soft: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-base: .22s;--dur-slow: .32s;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--card-bg: rgba(30, 41, 55, .25);--card-blur: 16px}.legal-disclaimer{font-size:10px;color:var(--text-secondary);text-align:center;margin-top:14px;padding:0 10px;line-height:1.4;opacity:.7}.legal-disclaimer a{color:var(--accent-primary);text-decoration:underline}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-family:var(--font-family);font-size:14px;font-weight:500;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring),background-color var(--dur-fast) var(--ease-in-out-soft),color var(--dur-fast) var(--ease-in-out-soft),box-shadow var(--dur-fast) var(--ease-in-out-soft);-webkit-tap-highlight-color:transparent;position:relative;z-index:10}.btn:active{transform:scale(.94);transition-duration:.06s}.btn-primary{background-color:var(--accent-primary);color:var(--text-primary)}.btn-primary:hover{background-color:var(--accent-light)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-card)}.hidden{display:none!important}.is-copied{animation:copiedPop .5s var(--ease-spring)}@keyframes copiedPop{0%{transform:scale(1)}30%{transform:scale(1.08)}60%{transform:scale(.97)}to{transform:scale(1)}}.is-error-shake{animation:errShake .35s cubic-bezier(.36,.07,.19,.97)}@keyframes errShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}
