@font-face{font-family:Kalameh;src:url('./fonts/Kalameh.woff2') format('woff2');font-display:swap}
:root{color-scheme:light dark;--bg:var(--tg-theme-secondary-bg-color,#f3f5fa);--card:var(--tg-theme-bg-color,#fff);--text:var(--tg-theme-text-color,#111827);--muted:var(--tg-theme-hint-color,#64748b);--accent:var(--tg-theme-button-color,#2aabee);--accent-text:var(--tg-theme-button-text-color,#fff);--border:rgba(100,116,139,.22);--danger:#dc2626;--ok:#16864b}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:Kalameh,Vazirmatn,Tahoma,Arial,sans-serif;line-height:1.7}.app{width:min(100%,720px);margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 16px calc(30px + env(safe-area-inset-bottom))}.hero{display:flex;align-items:center;gap:14px;margin-bottom:18px}.hero h1,.hero p{margin:0}.hero h1{font-size:1.55rem}.hero p{color:var(--muted)}.logo{display:grid;place-items:center;width:64px;height:64px;border-radius:21px;background:#050505;color:#fff;font-size:2.1rem;flex:0 0 auto}.card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:20px;margin:0 0 16px}.loading-card{display:flex;align-items:center;justify-content:center;gap:10px}.hidden{display:none!important}.notice{border-radius:18px;padding:13px 15px;margin-bottom:15px;font-weight:600}.notice.error{background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.25);color:var(--danger)}.notice.success{background:rgba(22,134,75,.1);border:1px solid rgba(22,134,75,.25);color:var(--ok)}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:15px}.metric span{display:block;color:var(--muted);font-size:.9rem}.metric strong{display:block;font-size:1.45rem}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h2,.section-head p{margin:0}.section-head h2{font-size:1.12rem}.section-head p{color:var(--muted);font-size:.9rem}.badge{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid var(--border);border-radius:999px;padding:4px 10px;color:var(--muted);font-size:.85rem}.badge.ok{color:var(--ok);border-color:rgba(22,134,75,.35);background:rgba(22,134,75,.08)}.badge.bad{color:var(--danger);border-color:rgba(220,38,38,.3);background:rgba(220,38,38,.07)}.status-value{font-size:1.25rem;font-weight:700;margin-bottom:10px}.meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}.meta-item{border:1px solid var(--border);border-radius:16px;padding:10px}.meta-item span{display:block;color:var(--muted);font-size:.82rem}.actions,.plan-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.btn{appearance:none;border:0;border-radius:15px;padding:11px 15px;background:var(--accent);color:var(--accent-text);font:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn.danger{background:var(--danger);color:#fff}.small-btn{padding:7px 11px;font-size:.85rem}.steps{display:none}.steps.open{display:block}.step{display:flex;gap:12px;padding:8px 0}.step+.step{border-top:1px solid var(--border);margin-top:10px;padding-top:16px}.num{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-weight:700;flex:0 0 auto}.step h3,.step p{margin:0}.step p{color:var(--muted)}.grow{flex:1}.pin-row{display:flex;gap:9px;margin-top:10px}.pin{min-width:0;flex:1;text-align:center;direction:ltr;letter-spacing:.15em}.plans{display:grid;gap:10px}.plan{border:1px solid var(--border);border-radius:18px;padding:14px}.plan.selected{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 22%,transparent)}.plan h3,.plan p{margin:0}.plan p{color:var(--muted)}.plan-price{font-size:1.1rem;font-weight:700;margin-top:5px}.plan-actions .btn{flex:1}.payment{margin-top:14px;border:1px dashed var(--accent);border-radius:18px;padding:14px}.payment h3,.payment p{margin:0}.card-number{direction:ltr;text-align:center;font-size:1.15rem;letter-spacing:.08em;border:1px solid var(--border);border-radius:12px;padding:9px;margin:10px 0}label{display:block;font-weight:700;margin:12px 0 6px}textarea,input{width:100%;border:1px solid var(--border);border-radius:15px;padding:11px 12px;background:transparent;color:var(--text);font:inherit;outline:none}textarea:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}textarea{resize:vertical}.option-row label{display:flex;align-items:center;gap:8px;font-weight:500}.option-row input{width:auto}.preview{margin:12px 0;display:grid;gap:7px}.preview>div{border:1px solid var(--border);border-radius:12px;padding:8px 10px;white-space:pre-wrap}.muted,.empty,.small{color:var(--muted)}.small{text-align:center;font-size:.85rem}.batches{display:grid;gap:9px}.batch-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding:8px 0}.batch-row:last-child{border-bottom:0}.batch-row span,.batch-row small{display:block;color:var(--muted);font-size:.83rem}.batch-row{flex-direction:column}.batch-error{color:var(--danger)!important;white-space:pre-wrap;overflow-wrap:anywhere}.loader{width:18px;height:18px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:520px){.app{padding-left:12px;padding-right:12px}.card{padding:16px;border-radius:20px}.summary-grid,.meta{grid-template-columns:1fr}.pin-row,.batch-row{flex-direction:column}.plan-actions .btn{flex-basis:100%}}

#oauthWaitingText{margin-bottom:8px}.steps .loader{vertical-align:middle}
