:root{
 --bg:#07101f;--panel:#0e203e;--panel2:#122948;--line:#294b74;
 --text:#f7fbff;--muted:#aabbd1;--blue:#1f8fff;--cyan:#1ed7ff;
 --good:#31d5a5;--warn:#ffbf47;--danger:#ff6b7a;
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#081426;color:var(--text);line-height:1.55}
a{text-decoration:none;color:inherit}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.sidebar{background:#07111f;border-right:1px solid #1c3556;padding:20px 16px;position:sticky;top:0;height:100vh}
.sidebar .logo{display:block;padding:4px 8px 20px}.sidebar .logo img{width:220px}
.navgroup{margin-top:12px}.navgroup h4{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#7287a1;margin:14px 10px 7px}
.side-link{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:#c7d6e8;font-weight:650;margin:3px 0}
.side-link:hover,.side-link.active{background:#142d4e;color:#fff}.side-link .dot{width:9px;height:9px;border-radius:50%;background:#335a84}.side-link.active .dot{background:linear-gradient(135deg,var(--blue),var(--cyan))}
.main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 26px;border-bottom:1px solid #1f395d;background:rgba(8,20,38,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.content{padding:28px;max-width:1500px;margin:auto}.topbar .title{font-weight:800}.user-meta{color:var(--muted);font-size:13px}
.card{background:linear-gradient(145deg,#102442,#0d1c35);border:1px solid #294b74;border-radius:18px;padding:22px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kpi{background:#0e203e;border:1px solid #294b74;border-radius:16px;padding:18px}.kpi strong{display:block;font-size:28px}.kpi span{color:var(--muted);font-size:13px}
h1{font-size:32px;margin:0 0 8px}h2{margin:0 0 15px;font-size:24px}h3{margin:0 0 10px}.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 15px;font-weight:800;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#04101d;cursor:pointer}.btn.alt{background:#112a4a;color:#e9f3ff;border:1px solid #315981}.btn.danger{background:#401a26;color:#ffdce1;border:1px solid #793344}.btn.sm{padding:8px 11px;font-size:13px}
input,select,textarea{width:100%;padding:12px 13px;border-radius:10px;border:1px solid #35577e;background:#09182d;color:#fff}label{display:block;font-weight:700;font-size:13px;margin:9px 0 5px}
.flash{padding:13px 15px;border-radius:12px;border:1px solid #356795;background:#0e2b4b;margin-bottom:16px}.flash.danger{border-color:#773644;background:#341924}
.table-wrap{overflow:auto;border:1px solid #294b74;border-radius:14px}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th,.table-wrap td{padding:12px 14px;border-bottom:1px solid #223f63;text-align:left}.table-wrap th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#89a1bd;background:#0c1b33}.table-wrap tr:last-child td{border-bottom:0}
.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#183b63;color:#9ddcff;border:1px solid #2f6394;font-size:12px;font-weight:800}
.plan-card{position:relative}.plan-price{font-size:34px;font-weight:900}.plan-price small{font-size:13px;color:var(--muted)}.plan-list{display:grid;gap:8px;margin:15px 0}.plan-list div:before{content:"✓";color:var(--good);margin-right:8px}
.stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}.step{padding:11px;border-radius:10px;background:#0b1a30;border:1px solid #26476e;color:#8197b3;text-align:center;font-weight:800;font-size:13px}.step.active{color:#fff;border-color:#2b74b8;background:#12385f}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 0%,rgba(31,143,255,.18),transparent 35%),#07101f}.auth-shell{width:min(1040px,100%);display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #284c77;border-radius:24px;overflow:hidden;background:#0b1a31}.auth-brand{padding:38px;background:linear-gradient(155deg,#0d2747,#0a1930)}.auth-brand img{width:330px}.auth-card{padding:38px;background:#0d1d37}.auth-card .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.right{text-align:right}
@media(max-width:1050px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid #1c3556}.navgroup{display:flex;flex-wrap:wrap;gap:5px}.navgroup h4{width:100%}.sidebar .logo img{width:190px}.grid4{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.grid2,.grid3,.grid4,.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.content{padding:18px}.topbar{padding:14px 18px}.auth-card .row{grid-template-columns:1fr}}