:root{--bg:#090a12;--panel:rgba(18,20,36,.78);--panel2:#111427;--text:#f8f8ff;--muted:#aaaec6;--line:rgba(255,255,255,.11);--p1:#8b5cf6;--p2:#ec4899;--cyan:#22d3ee;--good:#34d399;--warn:#fbbf24;--bad:#fb7185;--shadow:0 25px 80px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(139,92,246,.18),transparent 35%),radial-gradient(circle at 90% 20%,rgba(236,72,153,.14),transparent 35%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(18px,4vw,58px);background:rgba(9,10,18,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-weight:800}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--p1),var(--p2));font-family:Orbitron;box-shadow:0 0 25px rgba(139,92,246,.45)}.topnav{display:flex;gap:18px;align-items:center;font-size:14px}.topnav a:not(.btn){color:#d8d9e9}.topnav a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:12px 18px;font-weight:700;background:linear-gradient(135deg,var(--p1),var(--p2));color:white;cursor:pointer;box-shadow:0 12px 34px rgba(139,92,246,.22);transition:.2s transform,.2s opacity}.btn:hover{transform:translateY(-1px)}.btn-sm{padding:9px 13px;border-radius:11px}.btn-ghost{background:rgba(255,255,255,.06);border:1px solid var(--line);box-shadow:none}.btn-danger{background:linear-gradient(135deg,#ef4444,#e11d48)}.btn-good{background:linear-gradient(135deg,#10b981,#14b8a6)}.hero{position:relative;min-height:640px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:70px clamp(20px,6vw,90px);overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,18,.97) 0%,rgba(9,10,18,.88) 42%,rgba(9,10,18,.25) 100%),url('../images/premium-vip-hero.jpg') center/cover no-repeat;opacity:.72}.hero>*{position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06);color:#eaeaff;font-size:13px}.hero h1{font-family:Orbitron,Inter,sans-serif;font-size:clamp(42px,6vw,84px);line-height:.98;margin:22px 0 20px;letter-spacing:-2px}.gradient-text{background:linear-gradient(120deg,#fff,#c4b5fd 36%,#f9a8d4 70%,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.7;color:#c6c8da;max-width:690px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-card{justify-self:end;width:min(480px,100%);padding:24px;border-radius:26px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(21,24,45,.82),rgba(13,14,27,.72));backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-card img{width:100%;border-radius:18px;display:block;filter:saturate(.9) contrast(1.02)}.section{padding:70px clamp(20px,6vw,90px)}.section-head{max-width:760px;margin-bottom:28px}.section h2{font-size:clamp(30px,4vw,48px);margin:0 0 12px}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(180deg,rgba(20,23,42,.9),rgba(13,15,28,.9));border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 15px 45px rgba(0,0,0,.16)}.feature-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(236,72,153,.22));font-size:22px}.price{font-size:36px;font-weight:800;margin:14px 0}.plan{position:relative;overflow:hidden}.plan.popular{border-color:rgba(167,139,250,.65);box-shadow:0 0 0 1px rgba(167,139,250,.15),0 22px 60px rgba(76,29,149,.22)}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;background:rgba(52,211,153,.13);color:#6ee7b7;border:1px solid rgba(52,211,153,.25)}.alert{margin:16px clamp(20px,6vw,90px) 0;padding:13px 16px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.06)}.alert-success{border-color:rgba(52,211,153,.32);color:#a7f3d0}.alert-error{border-color:rgba(251,113,133,.34);color:#fecdd3}.panel-wrap{padding:38px clamp(18px,4vw,58px) 70px}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.panel-head h1{margin:0;font-size:34px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat{padding:20px;border-radius:18px;background:linear-gradient(180deg,rgba(21,24,44,.9),rgba(15,17,30,.9));border:1px solid var(--line)}.stat strong{font-size:30px;display:block;margin-top:8px}.table-card{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}.table th{color:#b9bbce;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.status{font-size:12px;font-weight:700;padding:6px 9px;border-radius:999px;display:inline-flex}.status-active,.status-approved{background:rgba(52,211,153,.12);color:#6ee7b7}.status-pending{background:rgba(251,191,36,.12);color:#fde68a}.status-inactive,.status-rejected,.status-expired{background:rgba(251,113,133,.12);color:#fecdd3}.form-card{max-width:880px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;color:#d4d6e8}.input,.select,.textarea{width:100%;border-radius:12px;border:1px solid var(--line);background:#0d1020;color:white;padding:12px 13px;outline:none}.textarea{min-height:115px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:rgba(139,92,246,.7);box-shadow:0 0 0 3px rgba(139,92,246,.12)}.actions{display:flex;gap:9px;flex-wrap:wrap}.login-page{min-height:calc(100vh - 140px);display:grid;place-items:center;padding:50px 20px}.login-card{width:min(460px,100%);padding:28px;border-radius:24px;background:rgba(17,20,39,.86);backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:var(--shadow)}.login-card h1{margin:0 0 8px;font-size:31px}.method-card h3{margin:0 0 8px}.method-body{white-space:pre-wrap;color:#d8d9e9;line-height:1.65}.footer{display:flex;justify-content:space-between;gap:20px;padding:25px clamp(20px,6vw,90px);border-top:1px solid var(--line);color:#d1d3e2;font-size:13px}.empty{padding:28px;border:1px dashed rgba(255,255,255,.18);border-radius:16px;color:var(--muted);text-align:center}@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-card{justify-self:start;max-width:520px}.grid-3,.grid-4,.stats{grid-template-columns:repeat(2,1fr)}.topnav{gap:10px}.topnav a:not(.btn){display:none}}@media(max-width:640px){.hero{padding-top:48px;min-height:auto}.hero h1{font-size:44px}.grid-3,.grid-4,.stats,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.panel-head{align-items:flex-start;flex-direction:column}.footer{flex-direction:column}.topbar{padding:12px 16px}.brand span:last-child{display:none}}

/* v2 additions */
.brand-logo{height:38px;max-width:150px;object-fit:contain;display:block}.menu-toggle{display:none;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:11px;padding:8px 11px;font-size:19px;cursor:pointer}.topnav{flex-wrap:wrap;justify-content:flex-end}.stats-5{grid-template-columns:repeat(5,1fr)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.quick-card{display:flex;flex-direction:column;gap:7px;transition:.2s transform,.2s border-color}.quick-card:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.45)}.quick-card span{color:var(--muted);font-size:13px;line-height:1.5}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.settings-card{display:flex;flex-direction:column;gap:14px}.settings-card h3{margin:0}.color-input{height:47px;padding:5px}.upload-preview{display:flex;align-items:center;gap:12px;margin-top:8px}.upload-preview img{width:86px;height:54px;object-fit:contain;background:#fff;border-radius:10px;padding:5px}.qr-preview{display:flex;align-items:flex-start;gap:14px;margin-top:8px}.qr-preview img{width:150px;height:150px;object-fit:contain;background:#fff;border-radius:14px;padding:8px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0}.switch-row span{display:flex;flex-direction:column;gap:3px}.switch-row input[type=checkbox]{width:21px;height:21px;accent-color:var(--p1)}.sticky-save{position:sticky;bottom:15px;display:flex;justify-content:flex-end;margin-top:20px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(9,10,18,.86);backdrop-filter:blur(12px)}.gateway-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.gateway-title>div{display:flex;align-items:center;gap:12px}.gateway-title h3,.gateway-title p{margin:0}.gateway-title input{width:22px;height:22px;accent-color:var(--p1)}.gateway-icon{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--p1),var(--p2));font-weight:800}.notice{padding:12px 14px;border-radius:12px;border:1px solid rgba(251,191,36,.24);background:rgba(251,191,36,.08);color:#fde7a5;font-size:13px;line-height:1.6}.setting-link{margin-top:auto;padding-top:8px}.setting-link a{color:#c4b5fd;font-weight:700}.filter-card{margin-bottom:18px}.filter-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filter-row .select{max-width:220px}.wide-table{min-width:1180px}.gateway-pill{font-size:11px;font-weight:800;padding:5px 8px;border-radius:8px;background:rgba(34,211,238,.1);color:#67e8f9;border:1px solid rgba(34,211,238,.2)}.payment-actions{display:flex;flex-direction:column;gap:8px;min-width:260px}.mini-form{display:grid;grid-template-columns:1fr auto;gap:7px}.mini-form .input{padding:8px 9px}.status-paid{background:rgba(52,211,153,.12);color:#6ee7b7}.status-initiated{background:rgba(34,211,238,.1);color:#67e8f9}.status-failed,.status-refunded,.status-cancelled{background:rgba(251,113,133,.12);color:#fecdd3}.checkout-wrap{max-width:1350px;margin:0 auto}.checkout-total{font-size:38px;font-weight:800}.checkout-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:20px}.payment-methods{display:flex;flex-direction:column;gap:18px}.payment-option{display:flex;align-items:center;gap:16px}.payment-option>div:nth-child(2){flex:1}.payment-option h3,.payment-option p{margin:0}.manual-upi{display:block}.payment-option-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.upi-qr{width:220px;height:220px;object-fit:contain;background:#fff;border-radius:18px;padding:10px;margin:0 auto 18px;display:block}.upi-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.upi-details>div,.summary-line{padding:12px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.upi-details span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.summary-line{display:flex;justify-content:space-between;gap:15px;margin-bottom:9px}.summary-line.total{font-size:20px;border-color:rgba(139,92,246,.3)}.feature-list{padding:0;margin:16px 0 20px;list-style:none;display:flex;flex-direction:column;gap:8px;color:#d7d8e8}.feature-list li{padding-left:2px}.feature-list li::first-letter{color:#6ee7b7}.maintenance-banner{padding:10px 20px;text-align:center;background:#7c2d12;color:#ffedd5;font-weight:700}
@media(max-width:1180px){.stats-5{grid-template-columns:repeat(3,1fr)}.topnav{gap:9px;font-size:12px}}
@media(max-width:980px){.menu-toggle{display:block}.topbar{flex-wrap:wrap}.topnav{display:none;width:100%;padding-top:12px;align-items:stretch;flex-direction:column}.topnav.open{display:flex}.topnav a:not(.btn){display:block;padding:9px 6px}.topnav .btn{width:100%}.settings-grid,.checkout-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.upi-details{grid-template-columns:1fr}.stats-5{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.settings-grid,.quick-grid,.stats-5{grid-template-columns:1fr}.payment-option{align-items:flex-start;flex-wrap:wrap}.payment-option form{width:100%}.payment-option .btn{width:100%}.mini-form{grid-template-columns:1fr}.checkout-total{font-size:30px}.brand-logo{max-width:120px}}
.upi-open{width:100%;margin:0 0 15px}

/* v3 admin editing helpers */
.compact-head{margin-bottom:14px;align-items:flex-start}
.feature-editor{padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}
.feature-editor:first-of-type{margin-top:12px}
.reset-inline,.extend-inline{display:flex;gap:7px;align-items:center}
.reset-inline .input{width:150px;padding:8px 10px}
.extend-inline .input{width:82px;padding:8px 10px}
.hero-preview img{max-width:260px;max-height:150px;object-fit:cover}
@media(max-width:900px){.reset-inline,.extend-inline{flex-wrap:wrap}.reset-inline .input,.extend-inline .input{width:130px}}