Upload 4 files

app.py

@@ -410,19 +410,46 @@ def get_num_rule(vo_lang='my'):
     else:
         return NUM_TO_MM_RULE
 
-GEMINI_MODELS = [
-    'gemini-3-flash',          # 5 RPM — newest
-    'gemini-2.5-flash',        # 5 RPM — stable primary
-    'gemini-3.1-flash-lite',   # 15 RPM — best quota
+# ── Transcript: gemini-3-flash + gemini-2.5-flash (round-robin)
+GEMINI_MODELS_TRANSCRIPT = [
+    'gemini-3-flash',    # newest
+    'gemini-2.5-flash',  # stable
 ]
+# ── Caption: gemini-3.1-flash-lite + gemini-2.5-flash-lite (round-robin)
+GEMINI_MODELS_CAPTION = [
+    'gemini-3.1-flash-lite',       # newest lite
+    'gemini-2.5-flash-lite-preview-06-17',  # stable lite
+]
+
+_mdl_tr_idx  = 0   # transcript model round-robin index
+_mdl_cap_idx = 0   # caption model round-robin index
+_mdl_lock    = threading.Lock()
+
+def next_model(purpose='transcript'):
+    """Round-robin model selector — spins like a spinner per call."""
+    global _mdl_tr_idx, _mdl_cap_idx
+    models = GEMINI_MODELS_TRANSCRIPT if purpose == 'transcript' else GEMINI_MODELS_CAPTION
+    with _mdl_lock:
+        if purpose == 'transcript':
+            idx = _mdl_tr_idx % len(models)
+            _mdl_tr_idx += 1
+        else:
+            idx = _mdl_cap_idx % len(models)
+            _mdl_cap_idx += 1
+    # Return spinner-ordered list starting from current idx
+    return models[idx:] + models[:idx]
 
-def call_api(msgs, api='Gemini'):
+def call_api(msgs, api='Gemini', purpose='transcript'):
+    """
+    purpose='transcript' → GEMINI_MODELS_TRANSCRIPT round-robin (gemini-3-flash ↔ gemini-2.5-flash)
+    purpose='caption'    → GEMINI_MODELS_CAPTION    round-robin (gemini-3.1-flash-lite ↔ gemini-2.5-flash-lite)
+    """
     if api == 'DeepSeek':
         keys, base = DEEPSEEK_KEYS, 'https://api.deepseek.com'
         models = ['deepseek-chat']
     else:
         keys, base = GEMINI_KEYS, 'https://generativelanguage.googleapis.com/v1beta/openai/'
-        models = GEMINI_MODELS
+        models = next_model(purpose)   # spinner: returns rotation-ordered list
     valid = [(i+1, k) for i, k in enumerate(keys) if k]
     if not valid: raise Exception('No API Key available')
     if api == 'Gemini':
@@ -437,7 +464,7 @@ def call_api(msgs, api='Gemini'):
                 r = OpenAI(api_key=k, base_url=base, timeout=120.0).chat.completions.create(
                     model=mdl, messages=msgs, max_tokens=8192)
                 if r and r.choices and r.choices[0].message.content:
-                    print(f'✅ call_api key={n} model={mdl}')
+                    print(f'✅ call_api key={n} model={mdl} purpose={purpose}')
                     return r.choices[0].message.content.strip(), f'✅ Key{n} ({mdl})'
             except Exception as e:
                 err = str(e); last_err = e
@@ -445,7 +472,7 @@ def call_api(msgs, api='Gemini'):
                 if '401' in err or '403' in err: break
                 if '429' in err: time.sleep(2); break
                 continue
-    raise Exception(f'❌ All keys/models failed: {last_err}')
+    raise Exception(f'❌ All keys/models failed ({purpose}): {last_err}')
 
 def parse_out(text):
     sc, ti, ht = '', '', ''
@@ -999,7 +1026,7 @@ def api_draft():
                 sys_p = sys_p + '\n' + get_num_rule(vo_lang)
                 out_txt, key_n = run_stage('ai', call_api,
                     [{'role':'system','content':sys_p},
-                     {'role':'user','content':f'Language:{lang}\n\n{tr}'}], api=api)
+                     {'role':'user','content':f'Language:{lang}\n\n{tr}'}], api=api, purpose='transcript')
                 sc, ti, ht = parse_out(out_txt)
 
             rem = -1
@@ -1515,7 +1542,7 @@ def api_process_all():
                             {'role':'user','content':f'Language:{src_lang}\n\n{tr}'}]
                     out_txt, _ = run_stage('ai', call_api, tid, _prog,
                         '⏳ AI Script တန်းစီစောင့်နေသည်', '🤖 AI Script ရေးနေသည်…',
-                        msgs, api=api_model)
+                        msgs, api=api_model, purpose='transcript')
                     sc, caption_text, hashtags = parse_out(out_txt)
                     _prog(65, '🤖 AI Script ပြီးပါပြီ')
 
@@ -1740,7 +1767,7 @@ def api_admin_payments():
         status = request.args.get('status', 'pending')
         pdb = load_payments_db()
         pays = [p for p in pdb['payments'] if p['status'] == status]
-        clean = [dict(p, slip_image='', has_slip=bool(p.get('slip_image'))) for p in pays]
+        clean = [dict(p, slip_image='') for p in pays]
         return jsonify(ok=True, payments=clean)
     except Exception as e:
         return jsonify(ok=False, msg=str(e))

bot.py

@@ -619,34 +619,48 @@ async def on_callback(update: Update, ctx: ContextTypes.DEFAULT_TYPE):
             pay['updated_at'] = _dt.now().isoformat()
             save_payments_db(pdb)
             add_coins_fn(username, coins_add, 'admin_bot')
-            new_cap = (q.message.caption or '') + f"\n\n✅ Approved! +{coins_add} coins → {username}"
-            try: await q.edit_message_caption(caption=new_cap, parse_mode=ParseMode.HTML)
-            except: pass
-            # Notify user
+            # Edit original message to show approved status + remove buttons
+            new_cap = (q.message.caption or q.message.text or '') + f"\n\n✅ <b>Approved!</b> +{coins_add} coins → <code>{username}</code>"
+            try:
+                await q.edit_message_caption(caption=new_cap, parse_mode=ParseMode.HTML, reply_markup=None)
+            except:
+                try: await q.edit_message_text(text=new_cap, parse_mode=ParseMode.HTML, reply_markup=None)
+                except: pass
+            await q.answer(f"✅ Approved +{coins_add} coins → {username}", show_alert=False)
+            # Notify user with new balance
             db = load_db()
             tg_id = db['users'].get(username, {}).get('tg_chat_id')
+            new_bal = db['users'].get(username, {}).get('coins', 0)
             if tg_id:
                 try:
                     await ctx.bot.send_message(tg_id,
-                        f"✅ *Coins ထည့်ပြီးပါပြီ!*\n🪙 *+{coins_add} Coins* ရောက်ပြီ\n🆔 `{payment_id}`",
+                        f"🎉 *Coins ထည့်ပြီးပါပြီ!*\n"
+                        f"🪙 *+{coins_add} Coins* ရောက်ပြီ\n"
+                        f"💰 လက်ကျန် — *{new_bal} Coins*\n"
+                        f"🆔 `{payment_id}`",
                         parse_mode=ParseMode.MARKDOWN)
                 except: pass
         else:  # reject
             pay['status'] = 'rejected'
             pay['updated_at'] = _dt.now().isoformat()
             save_payments_db(pdb)
-            new_cap = (q.message.caption or '') + "\n\n❌ Rejected"
-            try: await q.edit_message_caption(caption=new_cap, parse_mode=ParseMode.HTML)
-            except: pass
+            new_cap = (q.message.caption or q.message.text or '') + "\n\n❌ <b>Rejected</b>"
+            try:
+                await q.edit_message_caption(caption=new_cap, parse_mode=ParseMode.HTML, reply_markup=None)
+            except:
+                try: await q.edit_message_text(text=new_cap, parse_mode=ParseMode.HTML, reply_markup=None)
+                except: pass
+            await q.answer("❌ Rejected", show_alert=False)
             db = load_db()
             tg_id = db['users'].get(username, {}).get('tg_chat_id')
             if tg_id:
                 try:
                     await ctx.bot.send_message(tg_id,
-                        f"❌ *Payment ငြင်းပယ်ခြင်းခံရသည်*\n🆔 `{payment_id}`\nမေးမြန်းရန် — @{ADMIN_TG_USERNAME}",
+                        f"❌ *Payment ငြင်းပယ်ခြင်းခံရသည်*\n"
+                        f"🆔 `{payment_id}`\n"
+                        f"မေးမြန်းရန် — @{ADMIN_TG_USERNAME}",
                         parse_mode=ParseMode.MARKDOWN)
                 except: pass
-        await q.answer()
         return
 
     if data.startswith('cancel|'):

index.html

@@ -298,72 +298,189 @@ body{background:var(--bg);color:var(--text);font-family:var(--F);min-height:100v
 .modal-close:hover{border-color:var(--red);color:var(--red)}
 
 /* ══ PAYMENT MODAL ══ */
-.pov{display:none;position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);align-items:flex-end;justify-content:center}
+.pov{display:none;position:fixed;inset:0;z-index:400;
+  background:rgba(8,8,20,.75);backdrop-filter:blur(12px);
+  align-items:flex-end;justify-content:center}
 .pov.on{display:flex}
-.psheet{position:relative;width:100%;max-width:500px;background:#fff;border-radius:24px 24px 0 0;
-  padding:24px 20px 40px;max-height:92vh;overflow-y:auto;
-  box-shadow:0 -8px 48px rgba(0,0,0,.2);animation:slideUp .28s ease}
-@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
-.psheet-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
-.psheet-hdr h2{font-size:1.1rem;font-weight:800;color:var(--text)}
-.pclose{width:30px;height:30px;border:1.5px solid var(--border);background:var(--bg);
-  border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;
-  font-size:.8rem;color:var(--muted);transition:.2s}
-.pclose:hover{border-color:var(--red);color:var(--red)}
-/* packages */
-.ppkgs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
-.ppkg{border:2px solid var(--border);border-radius:14px;padding:14px 12px;cursor:pointer;
-  transition:.2s;background:var(--bg);text-align:center;position:relative}
-.ppkg:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 14px rgba(91,76,245,.15)}
-.ppkg.sel{border-color:var(--primary);background:linear-gradient(135deg,#ede9fe,#ddd6fe)}
-.ppkg.pop::before{content:'🔥 Popular';position:absolute;top:-10px;left:50%;transform:translateX(-50%);
-  background:var(--primary);color:#fff;font-size:.62rem;font-weight:700;padding:2px 10px;
-  border-radius:20px;white-space:nowrap}
-.ppkg-c{font-size:1.5rem;font-weight:800;color:var(--primary)}
-.ppkg-u{font-size:.75rem;color:var(--muted);margin-bottom:3px}
-.ppkg-p{font-size:.88rem;color:var(--orange);font-weight:700}
-/* kbz */
-.pkbz{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:14px}
-.pkbz-t{font-size:.75rem;color:var(--muted);margin-bottom:8px;font-weight:600}
-.pkbz-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
+
+@keyframes sheetUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
+@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
+@keyframes shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
+@keyframes pulse-glow{0%,100%{box-shadow:0 0 0 0 rgba(139,92,246,.3)}50%{box-shadow:0 0 0 8px rgba(139,92,246,0)}}
+
+.psheet{
+  position:relative;width:100%;max-width:520px;
+  background:linear-gradient(165deg,#0f0f1e 0%,#13112b 60%,#0e1628 100%);
+  border-radius:28px 28px 0 0;
+  padding:0 0 44px;max-height:93vh;overflow-y:auto;
+  box-shadow:0 -4px 60px rgba(91,76,245,.25),0 -1px 0 rgba(255,255,255,.06);
+  animation:sheetUp .32s cubic-bezier(.34,1.1,.64,1)}
+.psheet::-webkit-scrollbar{width:3px}
+.psheet::-webkit-scrollbar-track{background:transparent}
+.psheet::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3);border-radius:10px}
+
+/* header */
+.psheet-hdr{
+  padding:20px 22px 0;
+  display:flex;align-items:center;justify-content:space-between;
+  position:sticky;top:0;z-index:2;
+  background:linear-gradient(165deg,#0f0f1e,#13112b);
+  padding-bottom:16px;
+  border-bottom:1px solid rgba(255,255,255,.06)}
+.psheet-hdr h2{font-size:1.05rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:8px}
+.psheet-hdr h2 span{
+  display:inline-flex;align-items:center;justify-content:center;
+  width:32px;height:32px;background:linear-gradient(135deg,#7c3aed,#5b4cf5);
+  border-radius:10px;font-size:.9rem}
+.pclose{
+  width:32px;height:32px;border:1px solid rgba(255,255,255,.12);
+  background:rgba(255,255,255,.06);border-radius:9px;cursor:pointer;
+  display:flex;align-items:center;justify-content:center;
+  font-size:.8rem;color:rgba(255,255,255,.5);transition:.2s}
+.pclose:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4);color:#f87171}
+
+/* tab2 */
+.tab2{display:flex;gap:6px;margin:18px 22px 0}
+.tab2 button{
+  flex:1;padding:10px;border:1px solid rgba(255,255,255,.08);
+  background:rgba(255,255,255,.04);
+  color:rgba(255,255,255,.4);font-family:var(--F);font-size:.8rem;font-weight:600;
+  border-radius:10px;cursor:pointer;transition:.2s}
+.tab2 button.on{
+  border-color:rgba(139,92,246,.5);
+  background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(91,76,245,.15));
+  color:#c4b5fd}
+
+/* package grid */
+.ppkgs{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 22px 0}
+
+.ppkg{
+  border:1.5px solid rgba(255,255,255,.07);
+  border-radius:18px;padding:18px 14px 14px;cursor:pointer;
+  transition:all .22s cubic-bezier(.34,1.1,.64,1);
+  background:rgba(255,255,255,.04);
+  text-align:center;position:relative;overflow:hidden}
+.ppkg::before{
+  content:'';position:absolute;inset:0;
+  background:radial-gradient(ellipse at 50% 0%,rgba(139,92,246,.12),transparent 70%);
+  opacity:0;transition:.2s}
+.ppkg:hover{border-color:rgba(139,92,246,.4);transform:translateY(-3px);
+  box-shadow:0 8px 24px rgba(91,76,245,.2);background:rgba(139,92,246,.08)}
+.ppkg:hover::before{opacity:1}
+.ppkg.sel{
+  border-color:rgba(167,139,250,.6);
+  background:linear-gradient(145deg,rgba(124,58,237,.18),rgba(91,76,245,.12));
+  box-shadow:0 0 0 3px rgba(139,92,246,.15),0 8px 28px rgba(91,76,245,.25)}
+.ppkg.sel::before{opacity:1}
+
+.ppkg.pop{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.05)}
+.ppkg.pop::after{
+  content:'🔥 Popular';position:absolute;top:-1px;left:50%;transform:translateX(-50%);
+  background:linear-gradient(90deg,#f59e0b,#fbbf24);color:#1a0a00;
+  font-size:.58rem;font-weight:800;padding:3px 10px;border-radius:0 0 10px 10px;
+  white-space:nowrap;letter-spacing:.03em}
+.ppkg.pop:hover{border-color:rgba(245,158,11,.6);box-shadow:0 8px 24px rgba(245,158,11,.2)}
+.ppkg.pop.sel{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.15),0 8px 28px rgba(245,158,11,.2)}
+
+.ppkg-icon{font-size:1.6rem;margin-bottom:6px;display:block;
+  filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
+.ppkg-c{
+  font-size:1.8rem;font-weight:800;
+  background:linear-gradient(135deg,#c4b5fd,#a78bfa);
+  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
+  line-height:1;margin-bottom:2px}
+.ppkg.pop .ppkg-c{
+  background:linear-gradient(135deg,#fde68a,#fbbf24);
+  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
+.ppkg-u{font-size:.65rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
+.ppkg-p{
+  font-size:.78rem;font-weight:700;
+  background:rgba(255,255,255,.08);border-radius:6px;
+  padding:4px 8px;color:rgba(255,255,255,.7);display:inline-block}
+.ppkg.pop .ppkg-p{background:rgba(245,158,11,.15);color:#fbbf24}
+
+/* selected badge */
+.ppkg.sel .ppkg-c{background:linear-gradient(135deg,#e9d5ff,#c4b5fd);
+  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
+
+/* pinfo */
+.pinfo{
+  margin:14px 22px 0;padding:10px 14px;
+  background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);
+  border-radius:10px;font-size:.78rem;color:#c4b5fd;
+  text-align:center;min-height:36px;display:flex;align-items:center;justify-content:center;
+  font-weight:600}
+
+/* payment info box */
+.pkbz{
+  margin:14px 22px 0;
+  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
+  border-radius:14px;padding:14px;overflow:hidden;position:relative}
+.pkbz::before{
+  content:'';position:absolute;top:0;left:0;right:0;height:1px;
+  background:linear-gradient(90deg,transparent,rgba(139,92,246,.4),transparent)}
+.pkbz-t{
+  font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
+  color:rgba(255,255,255,.35);margin-bottom:10px;display:flex;align-items:center;gap:6px}
+.pkbz-t::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.06)}
+.pkbz-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
 .pkbz-row:last-child{margin-bottom:0}
-.pkbz-lbl{font-size:.73rem;color:var(--muted)}
-.pkbz-val{font-size:.92rem;font-weight:700;color:var(--text)}
-.pcopy{background:var(--bg3);border:1px solid var(--border);color:var(--primary);
-  font-size:.68rem;padding:3px 10px;border-radius:6px;cursor:pointer;font-family:var(--F);font-weight:600;transition:.2s}
-.pcopy:hover{background:var(--primary);color:#fff}
-/* slip */
-.pslip-label{font-size:.78rem;color:var(--muted);margin-bottom:7px;display:block;font-weight:600}
-.pslip-drop{border:2px dashed var(--border2);border-radius:12px;padding:22px;text-align:center;
-  cursor:pointer;transition:.2s;position:relative;overflow:hidden;margin-bottom:14px}
-.pslip-drop:hover{border-color:var(--primary);background:rgba(91,76,245,.04)}
+.pkbz-lbl{font-size:.7rem;color:rgba(255,255,255,.35);font-weight:500}
+.pkbz-val{font-size:.88rem;font-weight:700;color:rgba(255,255,255,.9)}
+.pcopy{
+  background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.25);
+  color:#a78bfa;font-size:.65rem;padding:4px 10px;border-radius:6px;
+  cursor:pointer;font-family:var(--F);font-weight:700;transition:.2s}
+.pcopy:hover{background:rgba(139,92,246,.25);border-color:rgba(167,139,250,.5);color:#c4b5fd}
+
+/* slip upload */
+.pslip-label{
+  font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
+  color:rgba(255,255,255,.4);margin:14px 22px 8px;display:block}
+.pslip-drop{
+  margin:0 22px;border:1.5px dashed rgba(139,92,246,.3);border-radius:14px;
+  padding:24px 20px;text-align:center;cursor:pointer;transition:.25s;
+  position:relative;overflow:hidden;
+  background:rgba(139,92,246,.04)}
+.pslip-drop:hover{border-color:rgba(167,139,250,.6);background:rgba(139,92,246,.09)}
 .pslip-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
-.pslip-drop .pi{font-size:1.8rem;margin-bottom:6px}
-.pslip-drop .pt{font-size:.78rem;color:var(--muted)}
-.pslip-preview{width:100%;max-height:160px;object-fit:contain;border-radius:8px;display:none;margin-top:8px}
-.psubmit{width:100%;padding:14px;border:none;border-radius:12px;
-  background:linear-gradient(135deg,var(--primary),var(--purple));
-  color:#fff;font-family:var(--F);font-size:.92rem;font-weight:700;
-  cursor:pointer;transition:.2s;display:none}
+.pslip-drop .pi{font-size:2rem;margin-bottom:8px;display:block;
+  filter:drop-shadow(0 2px 8px rgba(139,92,246,.4))}
+.pslip-drop .pt{font-size:.75rem;color:rgba(255,255,255,.35);line-height:1.5}
+.pslip-preview{width:100%;max-height:160px;object-fit:contain;border-radius:10px;display:none;margin-top:10px;
+  box-shadow:0 4px 20px rgba(0,0,0,.4)}
+
+/* submit button */
+.psubmit{
+  display:none;width:calc(100% - 44px);margin:16px 22px 0;
+  padding:15px;border:none;border-radius:14px;
+  background:linear-gradient(135deg,#7c3aed,#5b4cf5,#4f46e5);
+  background-size:200% auto;
+  color:#fff;font-family:var(--F);font-size:.92rem;font-weight:800;
+  cursor:pointer;transition:.3s;letter-spacing:.01em;
+  box-shadow:0 4px 24px rgba(91,76,245,.35)}
 .psubmit.on{display:block}
-.psubmit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px rgba(91,76,245,.4)}
-.psubmit:disabled{opacity:.5;cursor:not-allowed}
-.pinfo{font-size:.78rem;color:var(--muted);margin-bottom:4px;text-align:center;min-height:20px}
-/* history */
-.ph-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:10px}
+.psubmit:hover:not(:disabled){
+  background-position:right center;
+  transform:translateY(-2px);box-shadow:0 8px 32px rgba(91,76,245,.5)}
+.psubmit:disabled{opacity:.4;cursor:not-allowed;transform:none}
+
+/* history tab */
+.ph-card{
+  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
+  border-radius:14px;padding:14px 16px;margin-bottom:9px;
+  animation:fadeIn .2s ease both}
 .ph-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}
-.ph-coins{font-size:1.1rem;font-weight:800;color:var(--primary)}
-.ph-badge{font-size:.7rem;padding:3px 10px;border-radius:20px;font-weight:700}
-.ph-badge.pending{background:#fff7ed;color:#92400e;border:1px solid #fcd34d}
-.ph-badge.approved{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}
-.ph-badge.rejected{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}
-.ph-meta{font-size:.72rem;color:var(--muted)}
-.ph-empty{text-align:center;padding:32px 0;color:var(--muted);font-size:.85rem}
-.tab2{display:flex;gap:6px;margin-bottom:16px}
-.tab2 button{flex:1;padding:9px;border:1.5px solid var(--border);background:#fff;
-  color:var(--muted);font-family:var(--F);font-size:.8rem;font-weight:600;
-  border-radius:9px;cursor:pointer;transition:.2s}
-.tab2 button.on{border-color:var(--primary);background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:var(--primary)}
+.ph-coins{font-size:1.05rem;font-weight:800;
+  background:linear-gradient(135deg,#c4b5fd,#a78bfa);
+  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
+.ph-badge{font-size:.65rem;padding:4px 10px;border-radius:20px;font-weight:700;letter-spacing:.03em}
+.ph-badge.pending{background:rgba(251,191,36,.12);color:#fbbf24;border:1px solid rgba(251,191,36,.25)}
+.ph-badge.approved{background:rgba(52,211,153,.12);color:#34d399;border:1px solid rgba(52,211,153,.25)}
+.ph-badge.rejected{background:rgba(239,68,68,.12);color:#f87171;border:1px solid rgba(239,68,68,.25)}
+.ph-meta{font-size:.69rem;color:rgba(255,255,255,.3)}
+.ph-empty{text-align:center;padding:36px 0;color:rgba(255,255,255,.25);font-size:.85rem}
+.ph-list-wrap{padding:0 22px}
 </style>
 </head>
 <body>
@@ -600,33 +717,8 @@ body{background:var(--bg);color:var(--text);font-family:var(--F);min-height:100v
       <div id="admmsg" class="admmsg"></div>
       <button style="padding:8px 14px;background:var(--bg);border:1.5px solid var(--border);border-radius:8px;color:var(--muted);font-family:var(--F);font-size:.75rem;font-weight:600;cursor:pointer;margin-top:4px;transition:.2s" onmouseover="this.style.borderColor='var(--primary)'" onmouseout="this.style.borderColor='var(--border)'" onclick="loadUsers()"><i class="fas fa-users"></i> Load Users</button>
       <div id="utw" style="overflow-x:auto"></div>
-
-      <!-- ══ PENDING PAYMENTS ══ -->
-      <div style="margin-top:18px;border-top:1.5px solid var(--border);padding-top:14px">
-        <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px">
-          <div style="font-weight:700;font-size:.85rem;color:var(--text);display:flex;align-items:center;gap:7px">
-            <span style="background:#fff7ed;color:#92400e;border:1px solid #fcd34d;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700">⏳ Pending</span>
-            Payments
-            <span id="adm-pay-count" style="background:var(--red);color:#fff;border-radius:20px;padding:1px 8px;font-size:.7rem;display:none">0</span>
-          </div>
-          <button onclick="loadAdminPays()" style="padding:5px 11px;background:var(--primary);color:#fff;border:none;border-radius:7px;font-family:var(--F);font-size:.73rem;font-weight:600;cursor:pointer;transition:.2s">🔄 Refresh</button>
-        </div>
-        <div id="adm-pay-list" style="display:flex;flex-direction:column;gap:9px">
-          <div style="text-align:center;font-size:.78rem;color:var(--muted);padding:14px">
-            Refresh နှိပ်ပြီး Pending Payments ကြည့်ပါ
-          </div>
-        </div>
-      </div>
     </div>
 
-  <!-- SLIP LIGHTBOX -->
-  <div id="slip-lb" onclick="closeSlipLb()" style="display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.85);backdrop-filter:blur(6px);align-items:center;justify-content:center;flex-direction:column;gap:12px">
-    <button onclick="closeSlipLb()" style="position:absolute;top:18px;right:18px;background:rgba(255,255,255,.15);border:none;border-radius:50%;width:38px;height:38px;color:#fff;font-size:1.1rem;cursor:pointer">✕</button>
-    <img id="slip-lb-img" src="" style="max-width:90vw;max-height:78vh;border-radius:12px;box-shadow:0 8px 40px rgba(0,0,0,.5);object-fit:contain">
-    <div id="slip-lb-info" style="color:rgba(255,255,255,.8);font-size:.82rem;text-align:center"></div>
-    <div style="display:flex;gap:10px" id="slip-lb-btns"></div>
-  </div>
-
   </div>
 </div>
 
@@ -761,7 +853,7 @@ function eApp(u,coins,isAdm,displayName){
   document.getElementById('dav').textContent=dn[0].toUpperCase();
   document.getElementById('dcoins').textContent=isAdm?'∞':coins;
   fetch('/api/config').then(r=>r.json()).then(d=>{if(d.admin_tg)window._ADMIN_TG=d.admin_tg;}).catch(()=>{});
-  if(isAdm){document.getElementById('admp').style.display='block';document.getElementById('adm-dlink').style.display='flex';document.getElementById('cpill').style.display='none';document.getElementById('dcoins').textContent='∞';loadAdminPays();}
+  if(isAdm){document.getElementById('admp').style.display='block';document.getElementById('adm-dlink').style.display='flex';document.getElementById('cpill').style.display='none';document.getElementById('dcoins').textContent='∞';}
   renderV();
   window.addEventListener('resize',()=>{const v=document.getElementById('pvid');if(v.src&&v.videoWidth)syncCanvasInner(v);});
   fetch('/api/gemini_voices').then(r=>r.ok?r.json():null).then(d=>{if(d?.ok){GV=d.voices;if(document.getElementById('engine').value==='gemini')renderV();}}).catch(()=>{});
@@ -805,8 +897,12 @@ async function initPayModal(){
 }
 
 function renderPkgs(){
+  const icons=['🥉','🥈','🥇','💎'];
+  const tiers=['Starter','Basic','Pro','Unlimited'];
   document.getElementById('ppkgs').innerHTML=_pkgs.map((p,i)=>`
     <div class="ppkg${i===1?' pop':''}" id="ppkg${i}" onclick="selPkg(${i})">
+      <span class="ppkg-icon">${icons[i]||'🪙'}</span>
+      <div style="font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.3);margin-bottom:4px">${tiers[i]||''}</div>
       <div class="ppkg-c">${p.coins}</div>
       <div class="ppkg-u">Coins</div>
       <div class="ppkg-p">${p.price}</div>
@@ -818,6 +914,8 @@ function selPkg(i){
   document.getElementById('ppkg'+i).classList.add('sel');
   _selPkg=_pkgs[i];
   document.getElementById('pinfo').textContent=`✅ ${_selPkg.coins} Coins — ${_selPkg.price} ရွေးချယ်ထားသည်`;
+  document.getElementById('pinfo').style.background='rgba(139,92,246,.15)';
+  document.getElementById('pinfo').style.borderColor='rgba(167,139,250,.35)';
   checkPReady();
 }
 
@@ -882,7 +980,7 @@ async function loadPayHistory(){
           <span class="ph-badge ${p.status}">${lbl[p.status]||p.status}</span>
         </div>
         <div class="ph-meta">🆔 ${p.id} &nbsp;·&nbsp; ${p.created_at.slice(0,16).replace('T',' ')}</div>
-        ${p.admin_note?`<div style="margin-top:5px;font-size:.75rem;color:var(--muted)">📝 ${p.admin_note}</div>`:''}
+        ${p.admin_note?`<div style="margin-top:6px;font-size:.72rem;color:rgba(255,255,255,.35);padding:6px 10px;background:rgba(255,255,255,.04);border-radius:7px">📝 ${p.admin_note}</div>`:''}
       </div>`).join('');
   }catch(e){ el.innerHTML=`<div class="ph-empty">❌ ${e.message}</div>`; }
 }
@@ -1176,94 +1274,6 @@ async function admDel(){const u=document.getElementById('au-del').value.trim();i
 async function loadUsers(){const r=await fetch('/api/admin/users?caller='+encodeURIComponent(U));if(!r.ok)return;const d=await r.json();if(!d.ok)return;const w=document.getElementById('utw');if(!d.users.length){w.innerHTML='<div style="font-size:.75rem;color:var(--muted);padding:6px">No users</div>';return;}let h='<table class="ut"><thead><tr><th>Username</th><th>Coins</th><th>Videos</th><th>Created</th><th></th></tr></thead><tbody>';d.users.forEach(u=>{h+=`<tr><td>${u.username}</td><td>🪙${u.coins}</td><td>${u.videos}</td><td>${u.created||''}</td><td><button class="delbtn" onclick="qDel('${u.username}')"><i class="fas fa-trash"></i></button></td></tr>`;});w.innerHTML=h+'</tbody></table>';}
 async function qDel(u){if(!confirm('Delete '+u+'?'))return;const r=await fetch('/api/admin/delete_user',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({caller:U,username:u})});const d=await r.json();toast(d.msg);if(d.ok)loadUsers();}
 
-/* ══ ADMIN PENDING PAYMENTS ══ */
-async function loadAdminPays(){
-  const el=document.getElementById('adm-pay-list');
-  el.innerHTML='<div style="text-align:center;font-size:.78rem;color:var(--muted);padding:14px">⏳ Loading…</div>';
-  try{
-    const r=await fetch('/api/admin/payments?caller='+encodeURIComponent(U)+'&status=pending');
-    const d=await r.json();
-    if(!d.ok){el.innerHTML='<div style="text-align:center;font-size:.78rem;color:var(--red);padding:14px">❌ '+(d.msg||'Error')+'</div>';return;}
-    const pays=d.payments||[];
-    const cnt=document.getElementById('adm-pay-count');
-    if(pays.length){cnt.textContent=pays.length;cnt.style.display='inline';}
-    else{cnt.style.display='none';}
-    if(!pays.length){el.innerHTML='<div style="text-align:center;font-size:.78rem;color:var(--muted);padding:14px">✅ Pending payment မရှိပါ</div>';return;}
-    el.innerHTML=pays.map(p=>`
-      <div id="apc-${p.id}" style="background:var(--bg);border:1.5px solid #fcd34d;border-radius:12px;padding:12px;position:relative">
-        <div style="display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap">
-          <div>
-            <div style="font-weight:700;font-size:.85rem;color:var(--text)">👤 ${p.username}</div>
-            <div style="font-size:.75rem;color:var(--muted);margin-top:2px">🪙 ${p.coins} Coins &nbsp;·&nbsp; ${p.price} &nbsp;·&nbsp; 🆔 <code style="font-size:.7rem">${p.id}</code></div>
-            <div style="font-size:.7rem;color:var(--muted2);margin-top:2px">${(p.created_at||'').slice(0,16).replace('T',' ')}</div>
-          </div>
-          <span style="background:#fff7ed;color:#92400e;border:1px solid #fcd34d;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:700;white-space:nowrap">⏳ Pending</span>
-        </div>
-        <div style="display:flex;gap:7px;margin-top:10px;flex-wrap:wrap">
-          ${p.has_slip!==false?`<button onclick="viewSlip('${p.id}','${p.username}',${p.coins},'${p.price}')" style="padding:6px 12px;background:var(--bg2);border:1.5px solid var(--border2);border-radius:8px;font-family:var(--F);font-size:.75rem;font-weight:600;cursor:pointer;color:var(--text);transition:.2s" onmouseover="this.style.borderColor='var(--primary)'" onmouseout="this.style.borderColor='var(--border2)'">🖼 Slip ကြည့်</button>`:'<span style="font-size:.72rem;color:var(--muted);padding:6px 0">📎 Slip မပါ</span>'}
-          <button onclick="admApprove('${p.id}','${p.username}',${p.coins})" style="padding:6px 14px;background:var(--green);color:#fff;border:none;border-radius:8px;font-family:var(--F);font-size:.75rem;font-weight:600;cursor:pointer;transition:.2s">✅ Approve +${p.coins}</button>
-          <button onclick="admReject('${p.id}','${p.username}')" style="padding:6px 14px;background:var(--red);color:#fff;border:none;border-radius:8px;font-family:var(--F);font-size:.75rem;font-weight:600;cursor:pointer;transition:.2s">❌ Reject</button>
-        </div>
-      </div>`).join('');
-  }catch(e){el.innerHTML=`<div style="text-align:center;font-size:.78rem;color:var(--red);padding:14px">❌ ${e.message}</div>`;}
-}
-
-async function admApprove(pid,uname,coins){
-  if(!confirm(`✅ ${uname} ကို +${coins} Coins Approve မလုပ်ဆောင်ရန် သေချာပါသလား?`)) return;
-  try{
-    const r=await fetch('/api/admin/payment/approve',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({caller:U,payment_id:pid})});
-    const d=await r.json();
-    if(d.ok){
-      toast('✅ '+d.msg);
-      const card=document.getElementById('apc-'+pid);
-      if(card){card.style.opacity='0.4';card.style.pointerEvents='none';setTimeout(()=>{card.remove();},1500);}
-      const cnt=document.getElementById('adm-pay-count');
-      const cur=parseInt(cnt.textContent)||0;
-      if(cur-1<=0){cnt.style.display='none';}else{cnt.textContent=cur-1;}
-    } else { toast('❌ '+(d.msg||'Failed')); }
-  }catch(e){toast('❌ '+e.message);}
-}
-
-async function admReject(pid,uname){
-  const note=prompt(`❌ ${uname} ၏ Payment Reject ရန် — အကြောင်းပြချက် (Optional):`)||'';
-  try{
-    const r=await fetch('/api/admin/payment/reject',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({caller:U,payment_id:pid,note})});
-    const d=await r.json();
-    if(d.ok){
-      toast('❌ Rejected — '+uname);
-      const card=document.getElementById('apc-'+pid);
-      if(card){card.style.opacity='0.4';card.style.pointerEvents='none';setTimeout(()=>{card.remove();},1500);}
-    } else { toast('❌ '+(d.msg||'Failed')); }
-  }catch(e){toast('❌ '+e.message);}
-}
-
-async function viewSlip(pid,uname,coins,price){
-  const lb=document.getElementById('slip-lb');
-  lb.style.display='flex';
-  document.getElementById('slip-lb-img').src='';
-  document.getElementById('slip-lb-info').textContent='⏳ Loading slip…';
-  document.getElementById('slip-lb-btns').innerHTML='';
-  try{
-    const r=await fetch(`/api/admin/payment/slip/${pid}?caller=${encodeURIComponent(U)}`);
-    const d=await r.json();
-    if(d.ok&&d.slip_image){
-      document.getElementById('slip-lb-img').src=d.slip_image;
-      document.getElementById('slip-lb-info').textContent=`👤 ${uname}  ·  🪙 ${coins} Coins  ·  ${price}  ·  🆔 ${pid}`;
-      document.getElementById('slip-lb-btns').innerHTML=`
-        <button onclick="closeSlipLb();admApprove('${pid}','${uname}',${coins})" style="padding:9px 20px;background:var(--green);color:#fff;border:none;border-radius:9px;font-family:var(--F);font-size:.8rem;font-weight:700;cursor:pointer">✅ Approve +${coins}</button>
-        <button onclick="closeSlipLb();admReject('${pid}','${uname}')" style="padding:9px 20px;background:var(--red);color:#fff;border:none;border-radius:9px;font-family:var(--F);font-size:.8rem;font-weight:700;cursor:pointer">❌ Reject</button>`;
-    } else {
-      document.getElementById('slip-lb-info').textContent='📎 Slip ပုံ မတွေ့ပါ';
-    }
-  }catch(e){document.getElementById('slip-lb-info').textContent='❌ '+e.message;}
-}
-
-function closeSlipLb(){
-  const lb=document.getElementById('slip-lb');
-  lb.style.display='none';
-  document.getElementById('slip-lb-img').src='';
-}
-
 /* ══ UTILS ══ */
 function toast(m){const e=document.getElementById('toast');e.textContent=m;e.classList.add('show');setTimeout(()=>e.classList.remove('show'),2800);}
 
@@ -1289,10 +1299,14 @@ document.addEventListener('keydown',e=>{if(e.key==='Enter'&&document.getElementB
 <!-- ══ PAYMENT MODAL ══ -->
 <div class="pov" id="pov" onclick="if(event.target===this)closePay()">
   <div class="psheet">
+
+    <!-- Header -->
     <div class="psheet-hdr">
-      <h2 id="p-title">🪙 Coins ဝယ်ရန်</h2>
+      <h2><span>🪙</span> Coins ဝယ်ရန်</h2>
       <button class="pclose" onclick="closePay()"><i class="fas fa-times"></i></button>
     </div>
+
+    <!-- Tabs -->
     <div class="tab2">
       <button id="ptab-buy" class="on" onclick="showPayTab('buy')">🛒 ဝယ်ရန်</button>
       <button id="ptab-his" onclick="showPayTab('his')">📋 မှတ်တမ်း</button>
@@ -1300,56 +1314,74 @@ document.addEventListener('keydown',e=>{if(e.key==='Enter'&&document.getElementB
 
     <!-- BUY TAB -->
     <div id="ptab-buy-content">
+
+      <!-- Package grid -->
       <div class="ppkgs" id="ppkgs"></div>
+
+      <!-- Selected info -->
       <div class="pinfo" id="pinfo">Package တစ်ခု ရွေးချယ်ပါ</div>
+
+      <!-- KBZ Pay -->
       <div class="pkbz">
         <div class="pkbz-t">📱 KBZ Pay / Wave / AYA Pay</div>
         <div class="pkbz-row">
           <span class="pkbz-lbl">Name</span>
-          <div style="display:flex;align-items:center;gap:7px">
+          <div style="display:flex;align-items:center;gap:8px">
             <span class="pkbz-val" id="p-kbz-name">—</span>
-            <button class="pcopy" onclick="pcopy('p-kbz-name')">Copy</button>
+            <button class="pcopy" onclick="pcopy('p-kbz-name')"><i class="fas fa-copy"></i> Copy</button>
           </div>
         </div>
         <div class="pkbz-row">
           <span class="pkbz-lbl">Phone</span>
-          <div style="display:flex;align-items:center;gap:7px">
+          <div style="display:flex;align-items:center;gap:8px">
             <span class="pkbz-val" id="p-kbz-num">—</span>
-            <button class="pcopy" onclick="pcopy('p-kbz-num')">Copy</button>
+            <button class="pcopy" onclick="pcopy('p-kbz-num')"><i class="fas fa-copy"></i> Copy</button>
           </div>
         </div>
       </div>
-      <div class="pkbz" style="margin-bottom:14px">
+
+      <!-- SCB Bank -->
+      <div class="pkbz" style="margin-bottom:0">
         <div class="pkbz-t">🏦 SCB Bank</div>
         <div class="pkbz-row">
           <span class="pkbz-lbl">Name</span>
-          <div style="display:flex;align-items:center;gap:7px">
+          <div style="display:flex;align-items:center;gap:8px">
             <span class="pkbz-val" id="p-scb-name">—</span>
-            <button class="pcopy" onclick="pcopy('p-scb-name')">Copy</button>
+            <button class="pcopy" onclick="pcopy('p-scb-name')"><i class="fas fa-copy"></i> Copy</button>
           </div>
         </div>
         <div class="pkbz-row">
           <span class="pkbz-lbl">Account</span>
-          <div style="display:flex;align-items:center;gap:7px">
+          <div style="display:flex;align-items:center;gap:8px">
             <span class="pkbz-val" id="p-scb-num">—</span>
-            <button class="pcopy" onclick="pcopy('p-scb-num')">Copy</button>
+            <button class="pcopy" onclick="pcopy('p-scb-num')"><i class="fas fa-copy"></i> Copy</button>
           </div>
         </div>
       </div>
+
+      <!-- Slip upload -->
       <span class="pslip-label">📸 ငွေလွှဲ Slip ပုံ တင်ပေးပါ</span>
       <div class="pslip-drop" id="pslip-drop">
         <input type="file" accept="image/*" id="pslip-input" onchange="handlePSlip(this)">
         <div class="pi" id="pslip-icon">📎</div>
-        <div class="pt" id="pslip-txt">Slip ပုံ ထိုနေရာထည့်ပါ သို့မဟုတ် နှိပ်ပါ</div>
+        <div class="pt" id="pslip-txt">Slip ပုံကို ဒီနေရာ ဖိဆွဲချပါ<br><span style="color:rgba(255,255,255,.2);font-size:.7rem">သို့မဟုတ် နှိပ်ပြီး ရွေးပါ</span></div>
         <img id="pslip-prev" class="pslip-preview">
       </div>
-      <button class="psubmit" id="psubmit" onclick="submitPay()" disabled>💰 Payment တင်ပေးပါ</button>
+
+      <!-- Submit -->
+      <button class="psubmit" id="psubmit" onclick="submitPay()" disabled>
+        <i class="fas fa-paper-plane" style="margin-right:8px"></i>Payment တင်ပေးပါ
+      </button>
+
     </div>
 
     <!-- HISTORY TAB -->
     <div id="ptab-his-content" style="display:none">
-      <div id="ph-list"><div class="ph-empty">⏳ Loading…</div></div>
+      <div class="ph-list-wrap">
+        <div id="ph-list"><div class="ph-empty">⏳ Loading…</div></div>
+      </div>
     </div>
+
   </div>
 </div>
 

start.sh

@@ -15,6 +15,15 @@ cleanup() {
 }
 trap cleanup SIGTERM SIGINT
 
+# ── Clear any stale bot sessions from Telegram ──
+if [ -n "$TELEGRAM_BOT_TOKEN" ]; then
+    echo "🔄 Clearing Telegram webhook + stale sessions..."
+    # Delete webhook (in case webhook mode was ever used)
+    curl -s "https://api.telegram.org/bot${TELEGRAM_BOT_TOKEN}/deleteWebhook?drop_pending_updates=true" > /dev/null || true
+    # Small delay to let Telegram close any existing getUpdates long-polls
+    sleep 2
+fi
+
 echo "🌐 Starting Gunicorn on port $PORT (workers=$WORKERS, threads=$THREADS)..."
 gunicorn app:app \
     --bind "0.0.0.0:$PORT" \