:root{color-scheme:dark;--bg: radial-gradient(120% 120% at 10% 10%, #1f7aec30, transparent), radial-gradient(100% 100% at 80% 0%, #6fd0ff2b, transparent), radial-gradient(120% 120% at 50% 80%, #915cff33, #050915);--glass: rgba(255, 255, 255, .08);--glass-strong: rgba(255, 255, 255, .14);--border: rgba(255, 255, 255, .18);--text: #e9eefc;--muted: #b7c4e0;--accent: #7ce7ff;--accent-strong: #9b8cff;--surface: #0a0f1f;--safe-top: calc(72px + env(safe-area-inset-top, 0px)) ;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@supports (padding: constant(safe-area-inset-top)){:root{--safe-top: calc(72px + constant(safe-area-inset-top)) }}@media (max-width: 640px){:root{--safe-top: calc(72px + env(safe-area-inset-top, 0px)) }}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(120% 120% at 50% 20%,#0f1f2d,#050a14);display:flex;justify-content:center}#root{width:100%}.app-shell{position:relative;max-width:1200px;margin:0 auto;padding:var(--safe-top) 18px 40px}.grid{display:grid;gap:16px}.device-buttons{display:flex;gap:8px}.device-btn{min-width:44px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--text);font-weight:600;font-size:15px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease;box-shadow:0 10px 30px #00000040}.device-btn.active{background:linear-gradient(135deg,#9af0ff,#9b8cff);color:#0a0f1f;border-color:#fff6;box-shadow:0 12px 30px #75c4ff4d}.device-btn:active{transform:translateY(1px)}.price-display{display:grid;gap:6px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.price-value{font-size:26px;font-weight:800}.small{font-size:13px}.screen{max-width:520px;margin:0 auto}.rings{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(40% 40% at 50% 40%,rgba(124,231,255,.12),transparent 60%),radial-gradient(60% 60% at 50% 40%,rgba(155,140,255,.1),transparent 70%),radial-gradient(80% 80% at 50% 40%,rgba(124,231,255,.06),transparent 80%);filter:blur(1px)}.shield-card{position:relative;overflow:hidden;border-radius:24px;padding:30px 24px 40px;margin-bottom:16px;background:linear-gradient(180deg,#0b2128e6,#07121ef2);border:1px solid rgba(255,255,255,.06);box-shadow:0 25px 80px #00000059,inset 0 1px #ffffff0f;animation:fadeUp .32s cubic-bezier(.16,1,.3,1) both}.shield-icon{width:120px;height:120px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 50%,#7ce7ff38,#0000)}.badge-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.status-chip{padding:6px 12px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);font-weight:700}.status-text{margin-top:6px;color:var(--muted)}.main-card{display:grid;gap:14px;padding:18px 16px;background:#0c1420e6;animation:fadeUp .3s cubic-bezier(.16,1,.3,1) both}.actions-card{display:grid;gap:12px;padding:18px 16px;background:#0c1420eb;animation:fadeUp .3s cubic-bezier(.16,1,.3,1) both}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.price-pill{padding:8px 12px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-weight:700}.device-picker{display:grid;gap:8px}.plan-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;animation:fadeUp .32s cubic-bezier(.16,1,.3,1) both}.plan-card{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px;background:#ffffff0a;color:var(--text);text-align:left;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.plan-card.active{background:linear-gradient(135deg,#9af0ff33,#9b8cff33);border-color:#ffffff59;box-shadow:0 10px 30px #75c4ff40}.plan-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.plan-label{font-weight:700}.plan-price{font-size:20px;font-weight:800;margin-top:6px}.plan-badge{padding:4px 8px;border-radius:999px;background:#ff84422e;color:#ffc299;font-size:11px;font-weight:800;border:1px solid rgba(255,255,255,.2)}.cta-stack{display:grid;gap:10px}.action-stack{display:grid;gap:12px}.btn.wide{width:100%;justify-content:space-between}.btn.ghost{background:#ffffff0f;color:var(--text);border:1px solid rgba(255,255,255,.12);box-shadow:none}.pill.price-inline{margin-left:8px;padding:6px 10px;background:#0000001a;color:#0a0f1f}.support-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.soft-btn{border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:var(--text);padding:11px 14px;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.soft-btn.accent{background:linear-gradient(135deg,#9af0ff,#9b8cff);color:#0a0f1f;border-color:#ffffff4d;box-shadow:0 10px 30px #75c4ff40}.soft-btn.ghost{background:transparent;border-style:dashed;color:var(--muted)}.soft-btn:active{transform:translateY(1px)}.status-bubble.expanded{display:flex;align-items:center;justify-content:space-between}.glass{position:relative;background:var(--glass);border:1px solid var(--border);border-radius:20px;padding:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 80px #050a1e66,0 1px #ffffff0a inset}.glass:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:20px;background:linear-gradient(120deg,#ffffff14,#fff0);mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:linear-gradient(120deg,#ffffff24,#ffffff0f);border:1px solid rgba(255,255,255,.12);color:var(--text);font-weight:600;letter-spacing:.01em;width:fit-content}.title{font-size:32px;font-weight:700;margin:10px 0 8px;letter-spacing:-.02em}.subtitle{color:var(--muted);font-size:16px;line-height:1.6}.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}.btn{border:none;outline:none;cursor:pointer;border-radius:14px;padding:14px 18px;font-weight:700;font-size:16px;color:#0a0f1f;background:linear-gradient(135deg,#9af0ff,#9b8cff);box-shadow:0 15px 40px #75c4ff59;transition:transform .15s ease,box-shadow .15s ease}.btn:active{transform:translateY(1px);box-shadow:0 8px 25px #75c4ff33}.btn.secondary{background:#ffffff14;color:var(--text);box-shadow:none;border:1px solid rgba(255,255,255,.14)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:12px}.plan-card{position:relative;overflow:hidden}.plan-card .badge{position:absolute;top:12px;right:12px;padding:8px 10px;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);font-weight:700;font-size:12px;color:var(--text)}.plan-name{font-size:20px;font-weight:700;margin:6px 0}.plan-price{display:flex;align-items:baseline;gap:6px;font-size:26px;font-weight:800}.plan-price span{color:var(--muted);font-size:14px}.feature-list{display:grid;gap:8px;margin:12px 0;padding:0;list-style:none}.feature-list li{display:grid;grid-template-columns:20px 1fr;gap:8px;color:var(--muted);font-size:14px;align-items:center}.feature-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#9af0ff,#9b8cff);box-shadow:0 0 0 3px #9af0ff33}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);margin:14px 0}.status-bubble{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:var(--text)}.muted{color:var(--muted)}.pill-label{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}.small-card{padding:14px}.label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.value{font-size:18px;font-weight:700;margin-top:4px}.section{margin-top:14px}.profile-shell{position:relative;display:grid;gap:14px;animation:profileReveal .32s cubic-bezier(.16,1,.3,1) both}.profile-card{display:grid;gap:14px;padding:16px 14px 18px;border-radius:22px;background:linear-gradient(150deg,#0c1420f0,#060c18e6);box-shadow:0 22px 60px #00000052,0 1px #ffffff0a inset}.profile-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px}.profile-title{text-align:center;font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.icon-btn{height:44px;width:44px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:var(--text);display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 32px #00000040,0 1px #ffffff0f inset;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.icon-btn.subtle{height:38px;width:38px;background:#ffffff0f;border-color:#ffffff1a;box-shadow:0 8px 20px #00000038}.icon-btn:active{transform:translateY(1px);box-shadow:0 8px 20px #0003}.icon-btn svg{width:18px;height:18px}.profile-user{padding:12px 14px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0f}.profile-name{font-size:24px;font-weight:800;margin:4px 0 6px;letter-spacing:-.01em}.profile-id-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-id{color:var(--text)}.profile-menu-card{display:grid;gap:8px;padding:8px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.profile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 10px;border-radius:14px;background:#ffffff05;border:1px solid transparent;color:var(--text);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.profile-menu-item:active{transform:translateY(1px);border-color:#ffffff24;box-shadow:0 12px 30px #75c4ff2e}.profile-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#0a0f1f;box-shadow:0 10px 30px #7ce7ff2e}.profile-icon svg{width:18px;height:18px}.profile-menu-text{flex:1;text-align:left;font-weight:700;color:var(--text)}.profile-chevron{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:var(--muted);background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.profile-link-card{display:grid;gap:10px;padding:12px 14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.profile-link-title{font-weight:700}.profile-link-field{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#0003;border:1px solid rgba(255,255,255,.08)}.profile-link-value{flex:1;font-weight:700;font-size:15px;word-break:break-word;color:var(--text)}.topup-field{align-items:stretch}.profile-amount-input{width:120px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#00000042;color:var(--text);font-weight:700}.profile-amount-input:focus{outline:2px solid rgba(124,231,255,.3);border-color:#7ce7ff66}.profile-instruction{display:flex;align-items:center;gap:12px;width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#9af0ff29,#9b8cff2e);padding:14px 12px;color:var(--text);cursor:pointer;box-shadow:0 14px 44px #7ce7ff38;text-align:left;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.profile-instruction:active{transform:translateY(1px);box-shadow:0 8px 24px #7ce7ff2e}.terms-overlay{position:fixed;top:0;right:0;bottom:0;left:0;padding:calc(env(safe-area-inset-top,0px) + 20px) 14px 20px;display:grid;place-items:start center;background:radial-gradient(120% 120% at 50% 50%,#080e1ae6,#050812d1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30}.terms-modal{width:min(760px,100%);max-height:calc(100vh - 80px);padding:14px;border-radius:20px;background:linear-gradient(150deg,#0c1420f5,#060c18f0);border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 90px #0000006b,0 1px #ffffff0f inset;display:grid;gap:10px}.terms-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.terms-title{font-size:18px;font-weight:800;margin-top:6px}.terms-name{font-size:22px;font-weight:800;letter-spacing:-.01em;margin-top:6px}.terms-body{max-height:calc(100vh - 180px);overflow:auto;padding-right:6px;display:grid;gap:14px}.terms-section{display:grid;gap:6px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}.terms-section:last-child{border-bottom:none;padding-bottom:0}.terms-section-title{font-weight:800;font-size:15px}.transactions-card{display:grid;gap:12px;padding:18px 16px}.transaction-list{display:grid;gap:10px}.transaction-item{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;box-shadow:0 10px 28px #00000040}.transaction-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.transaction-title{display:flex;align-items:center;gap:8px;font-weight:700}.transaction-amount{font-weight:800}.transaction-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:6px;font-size:13px;color:var(--muted)}.transaction-meta .label{color:var(--muted)}.transaction-meta .value{color:var(--text);font-weight:600}.transaction-date{color:var(--muted)}.pill.inline{padding:4px 8px;font-size:12px;border-radius:999px}.empty-state{text-align:center;color:var(--muted);padding:14px 10px;border-radius:12px;border:1px dashed rgba(255,255,255,.16)}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%);padding:12px 16px;border-radius:14px;background:#000000b3;border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 40px #00000040,0 1px #ffffff0f inset;color:var(--text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:toastFade .22s cubic-bezier(.16,1,.3,1) both;z-index:10}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes profileReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 720px){.title{font-size:26px}.hero{grid-template-columns:1fr}.app-shell{padding:var(--safe-top) 14px 36px}.profile-card{padding:14px 12px 16px;border-radius:20px}.profile-name{font-size:22px}.profile-link-value{font-size:14px}.profile-icon{width:38px;height:38px}.icon-btn{height:40px;width:40px}.icon-btn.subtle{height:34px;width:34px}}.setup-card{display:grid;gap:14px;padding:18px 16px;background:#0c1420eb;animation:fadeUp .3s cubic-bezier(.16,1,.3,1) both}.setup-section{display:grid;gap:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.setup-section:first-of-type{border-top:none;padding-top:0}.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.download-card{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px;background:#ffffff0a;color:var(--text);text-align:left;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.download-card:hover{border-color:#ffffff47;box-shadow:0 10px 30px #75c4ff33;transform:translateY(-1px)}.download-label{font-weight:700;font-size:17px}.subscription-row{display:grid;grid-template-columns:1fr;gap:8px;align-items:center}.subscription-input{width:100%;height:40px;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:var(--text);font-size:14px;line-height:1.2}.subscription-input:focus{outline:none;border-color:#ffffff4d}.setup-steps{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--muted);line-height:1.55}@media (max-width: 560px){.download-grid{grid-template-columns:1fr 1fr}.subscription-input{height:36px;padding:8px 10px;font-size:13px}.soft-btn{padding:10px 12px;font-size:13px}}@media (min-width: 561px){.subscription-row{grid-template-columns:1fr auto}}.admin-shell{position:relative;max-width:1320px;margin:0 auto;padding:32px 18px 48px;color:var(--text);display:grid;gap:16px}.admin-hero{background:var(--glass);border:1px solid var(--border);border-radius:18px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-shadow:0 20px 44px #00000059}.admin-title{font-size:28px;font-weight:800;letter-spacing:.2px}.admin-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-nav{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:var(--glass);box-shadow:0 12px 30px #00000040;margin:12px 0 16px}.admin-tab{border:1px solid transparent;background:#ffffff0a;color:var(--text);padding:8px 14px;border-radius:12px;cursor:pointer;transition:all .12s ease;font-weight:600}.admin-tab.active{border-color:var(--border);background:var(--glass-strong);box-shadow:0 8px 26px #00000038}.admin-card{background:var(--glass);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:0 20px 44px #00000059}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-card-title{font-weight:700;font-size:18px}.admin-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;width:100%;max-width:520px}.admin-input{width:100%;height:42px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:var(--text);font-size:14px;transition:border-color .12s ease,background .12s ease}.admin-input:focus{outline:none;border-color:#ffffff52}.admin-input[disabled]{opacity:.6;cursor:not-allowed}.admin-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}.admin-table-wrapper{overflow:auto;margin-top:12px}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.admin-table tr{cursor:pointer;transition:background .12s ease,border-color .12s ease}.admin-table tr:hover{background:#ffffff0a}.admin-table tr.active{background:#ffffff14;border-left:2px solid var(--accent)}.admin-user-cell{display:flex;flex-direction:column;gap:2px}.admin-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:12px}.admin-label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:10px}.admin-label.wide{grid-column:1 / -1}.admin-input[type=number]::-webkit-inner-spin-button,.admin-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}textarea.admin-input{min-height:90px;height:auto;resize:vertical}.admin-history{margin-top:16px;display:grid;gap:10px}.admin-history-list{display:grid;gap:10px}.admin-history-item{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#ffffff0a}.admin-history-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-history-body{display:grid;gap:4px}.admin-history-title{font-weight:700}.admin-chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);font-size:12px;line-height:1.2}.admin-chip.status.active{background:#45d68f1f;color:#6ef2b4;border-color:#45d68f59}.admin-chip.status.trial,.admin-chip.status.update{background:#7ce7ff24;color:#9ce8ff;border-color:#7ce7ff59}.admin-chip.status.blocked,.admin-chip.status.delete,.admin-chip.status.block{background:#ff6b6b1f;color:#ff8c8c;border-color:#ff6b6b66}.admin-card-title+.muted{margin-top:2px}.admin-history-values{display:flex;gap:8px;flex-wrap:wrap}.admin-auth{display:grid;gap:12px;max-width:520px}.admin-error{color:#ff9f9f;font-size:13px}.admin-banner{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(120deg,#7ce7ff29,#9b8cff38);font-weight:700;text-align:center;margin:10px 0 14px}.admin-error-banner{margin-top:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,107,107,.4);background:#ff6b6b1f;color:#ffb4b4;display:grid;gap:4px}@media (max-width: 1080px){.admin-grid{grid-template-columns:1fr}}@media (max-width: 720px){.admin-shell{padding:22px 14px 32px}.admin-nav{flex-wrap:wrap}.admin-table th,.admin-table td{font-size:13px}.admin-title{font-size:24px}.admin-topbar{flex-direction:column;align-items:flex-start}.admin-actions{width:100%;justify-content:flex-start}.admin-hero{flex-direction:column;align-items:flex-start}.admin-card{padding:14px}.admin-card-head{flex-direction:column;align-items:flex-start}.admin-filters{grid-template-columns:1fr;max-width:none}.admin-pagination{flex-direction:column;align-items:flex-start}.admin-table-wrapper{margin:10px -6px 0;padding:0 6px}}