/*
Theme Name: Hệ Thống Ghép Nhóm Dùng Chung Premium Thông Minh
Description: Hệ thống ghép nhóm dùng chung premium (cho phép 1 SĐT tham gia nhiều nhóm) - Tích hợp Payment Auto, ghép tự động khi plugin xác nhận thanh toán thành công.
Version: 1.1
Author: Grok (fixed)
*/

:root {
    --primary: #3B82F6;
    --gold: #F0C040;
    --green: #2ECC8A;
    --red: #FF4E6A;
    --bg: #0F172A;
    --card: #1E293B;
}

body { font-family: 'Be Vietnam Pro', system-ui, sans-serif; background: var(--bg); color: #fff; margin:0; padding:0; }
.container { max-width: 520px; margin: 40px auto; padding: 20px; }
.card { background: var(--card); border-radius: 20px; padding: 32px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
h1 { text-align: center; font-size: 28px; margin-bottom: 8px; }
.subtitle { text-align: center; color: #94A3B8; margin-bottom: 24px; }

.input-group { margin-bottom: 20px; }
.input-group label { display: block; margin-bottom: 8px; font-weight: 600; }
.input-group input { width: 100%; padding: 14px 18px; border: 2px solid #334155; background: #0F172A; color: #fff; border-radius: 12px; font-size: 16px; }

.btn { width: 100%; padding: 16px; background: linear-gradient(135deg, var(--gold), #C8961A); color: #0F172A; font-weight: 800; font-size: 17px; border: none; border-radius: 14px; cursor: pointer; transition: all .2s; }
.btn:hover { filter: brightness(1.1); transform: translateY(-2px); }
.btn:disabled { opacity: 0.6; cursor: not-allowed; }

.status { text-align: center; padding: 20px; background: #1E293B; border-radius: 16px; margin: 20px 0; }
.status.success { border: 2px solid var(--green); }
.status.waiting { border: 2px solid #F59E0B; }

.group-link { background: #0F172A; padding: 20px; border-radius: 12px; text-align: center; margin-top: 20px; }
.group-link a { color: var(--gold); font-size: 20px; font-weight: 700; text-decoration: none; }

.hidden { display: none !important; }

#waiting { animation: pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.7} }