:root{--bg:#07101d;--panel:#0d192a;--panel2:#111f33;--line:#203149;--text:#edf4ff;--muted:#93a4bb;--brand:#58d4b5;--accent:#8b7cff;--danger:#ff7185;--warn:#f8c76c;--radius:16px;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#24365c 0,transparent 35%),radial-gradient(circle at 0 20%,#123b3a 0,transparent 26%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1180px,calc(100% - 36px));margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#061119;font-weight:900}.nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.nav a,.link-button{padding:9px 12px;border-radius:10px;color:var(--muted);font-size:14px}.nav a:hover,.nav a.active{background:#ffffff0b;color:var(--text)}.link-button{border:0;background:transparent}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:46px;align-items:center;padding:90px 0 70px}.eyebrow{color:var(--brand);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.hero h1{font-size:clamp(43px,6vw,74px);line-height:.98;letter-spacing:-.055em;margin:16px 0 22px}.hero p{color:#adbbce;font-size:18px;line-height:1.7;max-width:650px}.hero-card,.panel,.card{border:1px solid var(--line);background:linear-gradient(160deg,#142238d9,#0b1727e6);box-shadow:0 28px 70px #0007;border-radius:var(--radius)}.hero-card{padding:28px}.flow-step{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #ffffff0d}.flow-step:last-child{border:0}.step-no{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:#58d4b519;color:var(--brand);font-weight:800}.flow-step b{display:block}.flow-step small{color:var(--muted)}.section{padding:46px 0 90px}.section h2,.page-head h1{font-size:32px;letter-spacing:-.035em;margin:0 0 10px}.section-lead,.page-head p{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.card{padding:23px}.card h3{margin:0 0 8px}.price{font-size:27px;font-weight:850;margin:18px 0}.features{color:var(--muted);padding-left:19px;line-height:1.9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:10px;background:linear-gradient(120deg,var(--brand),#72b4ff);color:#07111c;font-weight:800;padding:11px 16px}.btn.secondary{background:#ffffff08;color:var(--text);border-color:var(--line)}.btn.danger{background:#ff718518;color:#ff9aaa;border-color:#ff71853d}.btn.small{padding:7px 10px;font-size:12px}.admin-main{padding:35px 0 80px}.page-head{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:26px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:21px}.stat small{color:var(--muted)}.stat strong{display:block;font-size:27px;margin-top:8px}.panel{padding:22px;margin-top:20px}.panel h2{font-size:18px;margin:0 0 16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:13px 11px;border-bottom:1px solid #ffffff0c;white-space:nowrap}th{color:#7f91a9;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.badge{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:11px;color:var(--muted)}.badge.successful,.badge.enabled{color:#72e0bd;border-color:#58d4b54d;background:#58d4b50d}.badge.failed,.badge.refunded{color:#ff91a0;border-color:#ff71854d}.badge.pending{color:var(--warn)}.forms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field{display:grid;gap:7px;margin:12px 0}.field label,.field>span{font-size:12px;color:#9bacbf;font-weight:700}.field input,.field select,.field textarea,.filters input,.filters select{width:100%;border:1px solid var(--line);border-radius:9px;background:#071321;color:var(--text);padding:11px 12px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brand)}.field textarea{min-height:95px;resize:vertical}.checks{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px}.checks label{display:flex;gap:7px;align-items:center}.notice,.errors{padding:13px 15px;border-radius:10px;margin:0 0 18px;border:1px solid #58d4b538;background:#58d4b50c;color:#8fe6ce}.errors{border-color:#ff718548;background:#ff71850c;color:#ff9aaa}.filters{display:grid;grid-template-columns:1fr 180px 180px auto;gap:9px;margin-bottom:17px}.muted{color:var(--muted)}code{color:#9bead4}.auth-wrap,.checkout-wrap{display:grid;place-items:center;min-height:calc(100vh - 90px);padding:30px}.auth-card,.checkout-card{width:min(480px,100%);padding:30px;border:1px solid var(--line);border-radius:20px;background:#0c192adf;box-shadow:0 35px 90px #0009}.checkout-card{width:min(580px,100%)}.checkout-card h1,.auth-card h1{margin:7px 0 10px;letter-spacing:-.04em}.summary-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #ffffff10}.summary-row span{color:var(--muted)}.actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.gateway-logo{display:inline-flex;padding:5px 9px;background:#ffffff0c;border-radius:8px;color:var(--brand);font-weight:800;text-transform:capitalize}.timeline{border-left:1px solid var(--line);padding-left:18px}.timeline>div{margin:0 0 18px}.timeline small{color:var(--muted)}.pagination{margin-top:18px}.footer{padding:28px 0 40px;color:#73849a;font-size:13px;border-top:1px solid #ffffff0a}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:50px}.grid,.forms-grid,.stats{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.page-head{align-items:start;flex-direction:column}}@media(max-width:560px){.shell{width:min(100% - 24px,1180px)}.grid,.forms-grid,.stats,.filters{grid-template-columns:1fr}.topbar{align-items:flex-start}.hero h1{font-size:44px}.nav{justify-content:flex-end}.page-head h1{font-size:28px}}