:root{--bg:var(--tg-theme-secondary-bg-color,#f2f3f7);--card:var(--tg-theme-section-bg-color,var(--tg-theme-bg-color,#fff));--text:var(--tg-theme-text-color,#111418);--hint:var(--tg-theme-hint-color,#8a8f98);--accent:var(--tg-theme-button-color,#2f7cf6);--accent-text:var(--tg-theme-button-text-color,#fff);--link:var(--tg-theme-link-color,#2f7cf6);--danger:var(--tg-theme-destructive-text-color,#e5484d);--header:var(--tg-theme-section-header-text-color,var(--hint));--border:color-mix(in srgb, var(--hint) 22%, transparent);--soft:color-mix(in srgb, var(--accent) 12%, transparent);--ok:#22a06b;--warn:#e08a00;--radius:14px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-tg]){--bg:#0f1115;--card:#1a1d23;--text:#eef0f3;--hint:#8b919c}}[dir=rtl]{--font:"Vazirmatn", "Inter", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);margin:0}body{font-family:var(--font);font-size:15px;line-height:1.45}button,input{font:inherit;color:inherit}.app{max-width:560px;min-height:100vh;margin:0 auto;padding:16px 16px 96px}.topbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.topbar h1{margin:0;font-size:22px;font-weight:700}.chip-btn{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px}.balance-card{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 60%, #7b3fe4));color:var(--accent-text);box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:20px;margin-bottom:18px;padding:18px}.balance-card .label{opacity:.85;font-size:13px}.balance-card .amount{letter-spacing:-.5px;margin:2px 0 14px;font-size:32px;font-weight:700}.balance-card .row{gap:10px;display:flex}.balance-card button{cursor:pointer;color:inherit;background:#ffffff38;border:0;border-radius:12px;flex:1;padding:10px;font-weight:600}.section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--header);margin:20px 4px 8px;font-size:13px;font-weight:600}[dir=rtl] .section-title{text-transform:none;letter-spacing:0}.card{background:var(--card);border-radius:var(--radius);padding:14px}.card+.card{margin-top:10px}.list{background:var(--card);border-radius:var(--radius);overflow:hidden}.list-item{text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:13px 14px;display:flex}.list-item+.list-item{border-top:1px solid var(--border)}.list-item:active{background:var(--soft)}.list-item .grow{flex:1;min-width:0}.list-item .title{font-weight:600}.list-item .sub{color:var(--hint);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.list-item .end{text-align:end;flex-shrink:0}.list-item.selected{background:var(--soft)}.flag{font-size:26px;line-height:1}.chev{color:var(--hint)}[dir=rtl] .chev{transform:scaleX(-1)}.empty{color:var(--hint);text-align:center;padding:28px 12px}.plan{background:var(--card);border-radius:var(--radius);text-align:start;cursor:pointer;border:2px solid #0000;width:100%;padding:14px;display:block}.plan+.plan{margin-top:10px}.plan.selected{border-color:var(--accent)}.plan-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.plan-name{font-size:16px;font-weight:700}.plan-price{color:var(--accent);white-space:nowrap;font-size:17px;font-weight:700}.plan-price small{color:var(--hint);font-size:12px;font-weight:500}.specs{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;display:grid}.spec{background:var(--bg);text-align:center;border-radius:10px;padding:7px 6px}.spec b{font-size:14px;display:block}.spec span{color:var(--hint);font-size:11px}.approx{color:var(--hint);margin-top:6px;font-size:12px}.segmented{background:var(--card);border-radius:12px;gap:4px;padding:4px;display:flex}.segmented button{cursor:pointer;color:var(--hint);background:0 0;border:0;border-radius:9px;flex:1;padding:8px 4px;font-weight:600}.segmented button.active{background:var(--accent);color:var(--accent-text)}.steps{gap:6px;margin:4px 0 16px;display:flex}.steps i{background:var(--border);border-radius:4px;flex:1;height:4px}.steps i.on{background:var(--accent)}.input{border:1px solid var(--border);background:var(--card);direction:ltr;border-radius:12px;outline:none;width:100%;padding:12px 14px}.input:focus{border-color:var(--accent)}.hint{color:var(--hint);margin:6px 4px 0;font-size:12px}.amount-chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.amount-chips button{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:10px;padding:8px 14px}.amount-chips button.active{border-color:var(--accent);background:var(--soft);color:var(--accent)}.btn{background:var(--accent);width:100%;color:var(--accent-text);cursor:pointer;border:0;border-radius:12px;margin-top:14px;padding:13px;font-weight:600;display:block}.btn:disabled{opacity:.5;cursor:default}.btn.secondary{background:var(--soft);color:var(--accent)}.btn.danger{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.action{background:var(--card);cursor:pointer;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;font-size:13px;font-weight:500;display:flex}.action .ic{font-size:20px}.action:disabled{opacity:.45}.kv{justify-content:space-between;gap:12px;padding:9px 0;display:flex}.kv+.kv{border-top:1px solid var(--border)}.kv .k{color:var(--hint)}.kv .v{text-align:end;word-break:break-all;font-weight:500}.mono{direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.kv .v,.title,.sub,.spec b,.plan-name,.amount,.big-amount,.os-card span,.amount-chips button,.badge,.hint,.toast,.topbar h1{unicode-bidi:plaintext}.copyable{cursor:pointer;color:var(--link)}.badge{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.ACTIVE{background:color-mix(in srgb, var(--ok) 15%, transparent);color:var(--ok)}.badge.PENDING{background:var(--soft);color:var(--accent)}.badge.SUSPENDED,.badge.FAILED{background:color-mix(in srgb, var(--warn) 15%, transparent);color:var(--warn)}.badge.TERMINATED{background:var(--border);color:var(--hint)}.notice{border-radius:12px;margin-top:12px;padding:12px 14px;font-size:14px}.notice.warn{background:color-mix(in srgb, var(--warn) 14%, transparent)}.notice.info{background:var(--soft)}.notice.ok{background:color-mix(in srgb, var(--ok) 14%, transparent)}.switch{flex-shrink:0;width:46px;height:28px;position:relative}.switch input{display:none}.switch span{background:var(--border);cursor:pointer;border-radius:999px;transition:all .2s;position:absolute;inset:0}.switch span:after{content:"";top:3px;background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #0003}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translate(18px)}[dir=rtl] .switch input:checked+span:after{transform:translate(-18px)}.qr{background:#fff;border-radius:12px;width:190px;height:190px;margin:4px auto 12px;padding:8px;display:block}.big-amount{text-align:center;font-size:28px;font-weight:700}.tabbar{background:var(--card);border-top:1px solid var(--border);padding:6px 8px calc(6px + env(safe-area-inset-bottom));justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-inner{width:100%;max-width:560px;display:flex}.tab{color:var(--hint);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px;font-size:11px;font-weight:500;display:flex}.tab .ic{font-size:21px}.tab.active{color:var(--accent)}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;margin:36px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{color:#fff;z-index:10;background:#141414e0;border-radius:999px;padding:9px 16px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.os-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.os-card{background:var(--card);border-radius:var(--radius);cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 10px;font-size:13px;font-weight:600;display:flex}.os-card img{width:36px;height:36px}.os-card.selected{border-color:var(--accent);background:var(--soft)}.plan.sold-out{opacity:.55;cursor:default}
