:root{font-family:Manrope,Segoe UI,sans-serif;color:#edf4ff;background:#06101f;--cyan:#27d4ff;--violet:#8870ff;--panel:#0c1a2d;--muted:#8297b1}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,#103252,transparent 30%),radial-gradient(circle at 90% 80%,#261b55,transparent 32%),#06101f}.topbar{height:78px;padding:0 max(5%,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#071321dd;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#26d6ff,#675cff);font-weight:800;font-size:13px}.brand b{font-size:13px}.brand small{display:block;color:#7188a4;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;margin-top:3px}.topbar nav{display:flex;gap:9px;align-items:center}.topbar nav a,.link-btn{color:#9badc3;text-decoration:none;font:700 11px Manrope;padding:9px 12px;border-radius:9px;border:0;background:transparent;cursor:pointer}.topbar nav a.active{color:#fff;background:#ffffff0c}.page{max-width:1180px;margin:auto;padding:55px 22px 80px}.eyebrow{color:#52dcff;font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.page-title{font-size:clamp(38px,5vw,62px);line-height:1.04;letter-spacing:-2.5px;margin:13px 0}.page-title em{font-style:normal;background:linear-gradient(90deg,#32d9ff,#9a80ff);background-clip:text;color:transparent}.lead{color:#8ca0b9;font-size:13px;line-height:1.7;max-width:650px}.panel{background:linear-gradient(145deg,#0e1e32,#091626);border:1px solid #20344d;border-radius:20px;box-shadow:0 25px 70px #0005}.auth-wrap{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:35px 18px}.auth-card{width:min(470px,100%);padding:28px}.auth-card h1{margin:12px 0 6px;font-size:28px}.auth-card>p{color:#7f93ad;font-size:11px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#071321;border:1px solid #1e324a;padding:5px;border-radius:12px;margin:23px 0}.tabs button{border:0;border-radius:8px;background:transparent;color:#7187a1;padding:10px;font:800 10px Manrope;cursor:pointer}.tabs button.active{background:#18354e;color:#66e1ff}.form-view label,.field label{display:block;color:#bac8d9;font-size:10px;font-weight:800;margin:14px 0 7px}.form-view input,.field input,.field select{width:100%;background:#071421;border:1px solid #263b53;border-radius:10px;padding:12px;color:#edf4ff;font:500 12px Manrope;outline:0}.form-view input:focus,.field input:focus{border-color:#35c4e5}.primary{width:100%;border:0;border-radius:10px;padding:13px 15px;background:linear-gradient(90deg,#19bfdd,#6b61eb);color:#fff;font:800 11px Manrope;cursor:pointer;margin-top:20px}.primary:disabled{opacity:.6}.form-message{min-height:18px;text-align:center;color:#64dfb9;font-size:10px;margin-top:12px}.error{color:#ff7d8d!important}.hide{display:none!important}.billing-toggle{display:inline-flex;background:#091625;border:1px solid #20344d;border-radius:12px;padding:5px;margin:30px 0}.billing-toggle button{border:0;background:transparent;color:#758aa3;padding:10px 17px;border-radius:8px;font:800 10px Manrope;cursor:pointer}.billing-toggle button.active{background:#183650;color:#63dfff}.billing-toggle small{color:#5ee0b4;margin-left:5px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{padding:25px;position:relative;transition:.25s}.plan:hover{transform:translateY(-5px);border-color:#34627e}.plan.featured{border-color:#5268cb;box-shadow:0 25px 70px #3f42b226}.popular{position:absolute;right:18px;top:18px;background:#26335e;color:#aeb9ff;border-radius:30px;padding:6px 9px;font-size:7px;letter-spacing:1px}.plan-name{color:#55dfff;font-size:10px;letter-spacing:1.5px}.price{font-size:35px;font-weight:800;margin:13px 0}.price sup{font-size:15px}.price small{font-size:9px;color:#7890aa;font-weight:500}.gst{color:#687e99;font-size:9px}.features{list-style:none;padding:15px 0;margin:15px 0;border-top:1px solid #ffffff0e}.features li{color:#aab8ca;font-size:10px;padding:7px 0}.features li:before{content:'✓';color:#4addb5;margin-right:9px}.plan button{width:100%;border:1px solid #31516c;border-radius:10px;background:#122a40;color:#70e2ff;padding:11px;font:800 10px Manrope;cursor:pointer}.featured button{border:0;background:linear-gradient(90deg,#19bfdd,#6b61eb);color:#fff}.checkout{margin-top:28px;padding:25px;display:grid;grid-template-columns:200px 1fr;gap:25px;align-items:center}.checkout img{width:200px;border-radius:14px;background:#fff;padding:8px}.checkout h3{margin:0 0 6px}.amount-lines{font-size:10px;color:#8498b1;line-height:1.9}.amount-lines b{color:#fff}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.metric{padding:20px}.metric small{color:#7187a1;font-size:9px;text-transform:uppercase;letter-spacing:1px}.metric b{display:block;font-size:23px;margin-top:8px}.section{padding:22px;margin-top:18px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section h2{font-size:16px;margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th{text-align:left;color:#647b96;font-size:8px;text-transform:uppercase;letter-spacing:1px;padding:10px;border-bottom:1px solid #22364e}td{font-size:10px;color:#a8b7ca;padding:11px 10px;border-bottom:1px solid #ffffff09}.badge{display:inline-block;padding:5px 8px;border-radius:20px;background:#172a40;color:#8ca5c0;font-size:8px;text-transform:uppercase}.badge.approved,.badge.platinum{background:#12362e;color:#62dfb9}.badge.pending,.badge.gold{background:#3b3216;color:#f1cf64}.badge.rejected{background:#401f28;color:#ff8593}.actions{display:flex;gap:5px}.actions button{border:0;border-radius:7px;padding:6px 8px;font:800 8px Manrope;cursor:pointer}.approve{background:#174439;color:#62e1b9}.reject{background:#44212a;color:#ff8996}.settings-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.settings-form .primary{margin:0;width:auto}.empty-note{color:#7187a1;font-size:10px;text-align:center;padding:20px}@media(max-width:850px){.plans,.dashboard-grid{grid-template-columns:1fr}.checkout{grid-template-columns:1fr;text-align:center}.checkout img{margin:auto}.settings-form{grid-template-columns:1fr}.topbar nav a:nth-child(1),.topbar nav a:nth-child(2){display:none}}@media(max-width:520px){.page{padding:38px 14px}.auth-card{padding:22px}.page-title{font-size:39px}.topbar{padding:0 14px}.brand b{font-size:10px}.brand small{font-size:7px}}
