:root{--p:#5b2cff;--p2:#7c3aed;--bg:#f6f7fb;--dark:#0f172a;--mut:#64748b;--ok:#16a34a;--bad:#dc2626;--warn:#d97706}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#111827}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#110b2f,#5b2cff)}.card{background:#fff;border-radius:22px;box-shadow:0 20px 60px #0f172a18;padding:24px}.login .card{width:min(420px,92vw)}.logo{height:42px;object-fit:contain}.input,label{display:block;width:100%}label{font-size:13px;font-weight:700;margin:12px 0 6px}.input,input,select,textarea{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fff}button,.btn{border:0;border-radius:12px;padding:12px 16px;background:var(--p);color:#fff;font-weight:800;text-decoration:none;display:inline-block;cursor:pointer}.btn.gray{background:#111827}.btn.light{background:#ede9fe;color:#4c1d95}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{background:#100b2f;color:#fff;padding:20px;position:sticky;top:0;height:100vh}.side a{display:block;color:#e9d5ff;text-decoration:none;padding:12px 14px;border-radius:12px;margin:6px 0}.side a:hover,.side a.active{background:#5b2cff;color:#fff}.main{padding:28px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi{padding:20px}.kpi b{font-size:26px}.mut{color:var(--mut)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #0f172a0c}th,td{text-align:left;padding:14px;border-bottom:1px solid #eef2f7;font-size:14px}th{color:#64748b;background:#fbfbfd}.badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.PAID,.ACTIVE{background:#dcfce7;color:#166534}.PENDING{background:#fef3c7;color:#92400e}.REJECTED,.CANCELLED,.EXPIRED,.BLOCKED{background:#fee2e2;color:#991b1b}.alert{background:#ecfeff;border:1px solid #67e8f9;padding:12px;border-radius:12px;margin:10px 0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.paywrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(120deg,#f8fafc,#ede9fe)}.paybox{width:min(520px,94vw);text-align:center}.brandbar{height:94px;border-radius:22px 22px 0 0;background:var(--p);display:grid;place-items:center}.brandbar img{max-height:58px;max-width:80%;filter:none}.amount{font-size:38px;font-weight:900;color:#1e1b4b}.small{font-size:12px}.actions{display:flex;gap:8px;align-items:center}.actions form{margin:0}@media(max-width:900px){.layout{grid-template-columns:1fr}.side{height:auto;position:relative}.grid,.formgrid{grid-template-columns:1fr}.main{padding:16px}}