@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');:root{--navy:#101a35;--blue:#445ee8;--bg:#f6f8fc;--text:#1c2945;--muted:#8190a7;--border:#e8ecf4}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--text);background:var(--bg)}a{color:#405cdb;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.sidebar{position:fixed;left:0;top:0;bottom:0;width:248px;background:#111d3a;color:white;padding:28px 15px;z-index:3}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 42px}.brandmark,.login-logo{background:linear-gradient(140deg,#7385ff,#4053d9);color:white;width:39px;height:39px;display:grid;place-items:center;border-radius:12px;font-weight:800;font-size:23px}.brand b{font-size:14px;letter-spacing:.3px}.brand small{display:block;color:#8798bd;font-size:9px;letter-spacing:1.1px;margin-top:3px}.side-label{font-size:10px;letter-spacing:1.6px;color:#7485ab;padding:0 16px 14px}.nav{display:block;color:#b4c0d9;padding:14px 15px;margin:4px 0;border-radius:9px;font-size:13px;font-weight:600}.nav.active,.nav:hover{background:#283962;color:white}.side-bottom{position:absolute;bottom:26px;left:28px;font-size:12px;color:#c5d0e7}.side-bottom small{display:block;color:#7184ae;margin:7px 0 0 15px}.status-dot{display:inline-block;width:8px;height:8px;background:#36d5a1;border-radius:50%;margin-right:7px}.main{margin-left:248px}.topbar{height:77px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 37px;color:#71809b;font-size:13px}.topright{display:flex;align-items:center;gap:12px;color:#34415b;font-weight:600}.avatar{width:32px;height:32px;border-radius:50%;background:#e9edff;color:#5264dd;display:grid;place-items:center}.logout{background:transparent;border:0;color:#7a87a2;font-size:12px;margin-left:10px}.content{max-width:1440px;margin:auto;padding:38px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:30px}.eyebrow{color:#687eae;font-size:10px;font-weight:800;letter-spacing:1.6px}.pagehead h1{font-size:27px;letter-spacing:-.8px;margin:7px 0 5px}.pagehead p,.panelhead p{color:#8995aa;font-size:13px;margin:0}.btn{border:0;border-radius:9px;background:#455fe7;color:white;padding:12px 19px;font-size:12px;font-weight:700;display:inline-block;white-space:nowrap}.btn:hover{background:#3048cb}.btn.secondary{background:white;color:#465673;border:1px solid var(--border)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:26px}.stat,.panel,.plan{background:white;border:1px solid var(--border);border-radius:13px;box-shadow:0 3px 15px rgba(24,41,78,.025)}.stat{padding:25px}.stat span{color:#7b8aa5;font-size:12px}.stat strong{font-size:31px;display:block;margin:12px 0 4px;letter-spacing:-1px}.stat small{font-size:11px;color:#a2adc0}.stat strong.green{font-size:22px;color:#1bb887;margin-top:18px}.panelhead{padding:23px 26px;display:flex;align-items:center;justify-content:space-between}.panelhead h2{font-size:16px;margin:0 0 6px}.panelhead a{font-size:12px;font-weight:700}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th{text-align:left;background:#fafbfe;color:#94a0b6;font-size:10px;letter-spacing:.6px;text-transform:uppercase;padding:15px 25px;font-weight:800}td{padding:19px 25px;border-top:1px solid #f0f2f8;color:#56647e;font-size:12px}td b{display:block;color:#283752;font-size:12px}td small{display:block;color:#9aa6bb;margin-top:4px}.pill{display:inline-block;padding:6px 10px;border-radius:20px;font-size:10px;font-weight:800;background:#edf3ff;color:#5972cf}.pill.active{background:#e6fbf3;color:#1ca77b}.pill.suspended{background:#ffebec;color:#db5465}.empty{text-align:center;padding:35px;color:#8c99ae}.notice{background:#edf2ff;border:1px solid #dfe7ff;border-radius:11px;padding:16px 20px;color:#5d70a5;font-size:12px;margin-top:23px;line-height:1.7}.formpanel{padding:30px;max-width:860px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.formgrid label,.login-card label{font-size:12px;font-weight:700;color:#41506a;display:block}.formgrid input,.formgrid select,.formgrid textarea,.login-card input{width:100%;margin-top:9px;border:1px solid #e0e6f0;background:#fff;border-radius:8px;padding:12px 13px;outline:none;color:#27354e}.formgrid input:focus,.formgrid select:focus,.login-card input:focus{border-color:#5c72e9}.formactions{margin-top:26px}.plangrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{padding:27px}.plan h2{font-size:21px}.price{font-size:29px;font-weight:800}.price small{font-size:12px;color:#8e9ab0;font-weight:400}.plan p{color:#8390a7;font-size:12px;min-height:35px}.planlimit{padding-top:16px;border-top:1px solid var(--border);font-size:12px;font-weight:700}.pagination{padding:15px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 10%,#dfe7ff,transparent 38%),#f6f8fc;padding:20px}.login-card{background:white;border:1px solid var(--border);border-radius:20px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 70px rgba(25,44,92,.09)}.login-logo{width:52px;height:52px;font-size:30px;margin-bottom:24px}.login-card h1{font-size:29px;margin:10px 0}.login-card p{color:#8c99ac;font-size:13px;margin-bottom:30px}.login-card label{margin:18px 0}.login-card .full{width:100%;margin-top:12px;padding:14px}.login-card>small{display:block;text-align:center;color:#9aa6b8;margin-top:25px}.alert{padding:12px 16px;border-radius:8px;font-size:12px;margin-bottom:18px}.alert.success{background:#e4fbf0;color:#16885f}.alert.error{background:#ffeded;color:#bc4453}@media(max-width:900px){.sidebar{width:70px;padding:20px 7px}.brand{padding:0 8px 35px}.brand>div,.side-label,.side-bottom{display:none}.nav{font-size:0;text-align:center}.nav:first-letter{font-size:18px}.main{margin-left:70px}.stats{grid-template-columns:repeat(2,1fr)}.plangrid{grid-template-columns:repeat(2,1fr)}.content{padding:22px}.topbar{padding:0 20px}}@media(max-width:600px){.sidebar{position:static;width:100%;height:auto;display:flex;align-items:center;padding:9px}.brand{padding:0 8px}.nav{padding:10px;font-size:0}.main{margin-left:0}.topbar{height:56px}.topright>span:not(.avatar){display:none}.content{padding:17px}.pagehead h1{font-size:23px}.pagehead{align-items:flex-start}.stats{gap:9px}.stat{padding:15px}.stat strong{font-size:25px}.formgrid,.plangrid{grid-template-columns:1fr}.formpanel{padding:19px}}