/* Drop-in Admin Theme: styles only; no markup changes required */
:root{
  --adm-bg:#0e1217; --adm-panel:#10151c; --adm-panel-2:#0b0f14; --adm-stroke:#1a2230; --adm-text:#e6edf3; --adm-muted:#9fb0c0;
  --adm-primary:#4da3ff; --adm-success:#1fdd8f; --adm-warning:#ffb020; --adm-danger:#ff6262;
}

/* Layout */
body{background:var(--adm-bg)}
.layout{gap:18px; grid-template-columns:200px 1fr !important}
.sidebar{background:
  radial-gradient(900px 240px at -10% -10%, rgba(77,163,255,.08), transparent 60%),
  radial-gradient(700px 220px at 120% 120%, rgba(31,221,143,.06), transparent 60%),
  linear-gradient(180deg,var(--adm-panel),var(--adm-panel-2));
  border:1px solid var(--adm-stroke); border-radius:14px; padding:12px; box-shadow: inset 0 1px 0 rgba(255,255,255,.02)}
.brand{font-weight:800; font-size:14px}
.brand .logo{width:22px; height:22px}
.side a{border:1px solid transparent; border-radius:10px; padding:8px 10px; font-size:13px; color:var(--adm-muted)}
.side a:hover{background:#0f141b; border-color:var(--adm-stroke); color:var(--adm-text); box-shadow:inset 0 0 0 1px rgba(77,163,255,.12)}
.side a.active{background:#0f1b2a; border-color:#17345a; color:#cfe4ff; position:relative; box-shadow:0 6px 16px rgba(27,63,102,.25) inset}
.side a.active::before{content:""; position:absolute; left:-12px; top:8px; bottom:8px; width:3px; border-radius:3px; background:linear-gradient(180deg,#4da3ff,#7bd1ff)}
.sidebar::-webkit-scrollbar{width:10px}
.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(77,163,255,.35),rgba(77,163,255,.15)); border:2px solid transparent; background-clip:content-box; border-radius:14px}
.sidebar::-webkit-scrollbar-track{background:transparent}

/* Cards & Grid */
.card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01)) !important; border:1px solid var(--adm-stroke) !important; border-radius:14px !important; box-shadow:0 10px 30px rgba(0,0,0,.35)}
.grid-2{gap:16px}

/* Toolbar */
.toolbar{margin-bottom:16px}
.toolbar .btn, .toolbar a.btn{background:#163252; border:1px solid #1c3a63; color:#e6f3ff; padding:10px 14px; border-radius:10px; text-decoration:none}
.toolbar .btn.primary{background:#1b3f66; border-color:#285884}

/* Tables */
.table{border-spacing:0}
.table th{background:linear-gradient(180deg,#0f151d,#0d131a); color:var(--adm-muted)}
.table tr:hover{background:#0f141b}

/* Stats */
.stat .num{font-size:28px}

/* Progress (if exists) */
.progress{height:12px; background:#0b1118; border:1px solid var(--adm-stroke); border-radius:999px; overflow:hidden}
.progress-bar,.progress .bar{height:100%; background:linear-gradient(90deg,#4da3ff,#7bd1ff)}

/* Utilities */
.muted{color:var(--adm-muted)}

/* Responsive narrow sidebar */
@media (max-width: 1100px){
  .layout{grid-template-columns:180px 1fr !important}
  .brand{font-size:13px}
}