:root{
  --bg1:#0d1b2a;
  --bg2:#132a4a;
  --card:#ffffff;
  --muted:#6c757d;
  --primary:#0b3a6a;
}

.bg-auth{
  background: radial-gradient(1200px 500px at 10% 10%, rgba(255,255,255,.12), transparent 60%),
              linear-gradient(180deg, var(--bg1), var(--bg2));
  min-height:100vh;
}

.auth-bg{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.auth-card{
  width:100%;
  max-width:420px;
  border-radius:18px;
}

.brand-badge{
  width:44px;height:44px;border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(13,110,253,.12);
  color:#0d6efd;
  margin-bottom:10px;
}

.bg-app{ background:#f4f6f8; min-height:100vh; }

.topbar{
  height:56px;
  background:#fff;
  border-bottom:1px solid #e9ecef;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 16px;
  position:sticky;
  top:0;
  z-index:10;
}

.brand{ display:flex; align-items:center; gap:10px; font-weight:600; }
.brand-dot{ width:10px; height:10px; border-radius:999px; background:#0d6efd; display:inline-block; }

.topbar-actions{ display:flex; gap:8px; }

.card-hover{ transition: transform .08s ease, box-shadow .08s ease; border-radius:16px; border:1px solid #e9ecef; }
.card-hover:hover{ transform: translateY(-1px); box-shadow:0 10px 24px rgba(0,0,0,.06); }

.icon-pill{
  width:44px;height:44px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(13,110,253,.10);
  color:#0d6efd;
  flex:0 0 auto;
}

.admin-shell{ display:flex; min-height:100vh; background:#f6f7fb; }
.admin-sidebar{
  width:260px; background:#0f1e33; color:#fff;
  padding:18px; position:sticky; top:0; height:100vh;
}
.admin-brand{ display:flex; gap:12px; align-items:center; margin-bottom:18px; }
.brand-badge-sm{
  width:38px;height:38px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.10);
}
.admin-nav{ display:flex; flex-direction:column; gap:6px; }
.admin-nav a{
  color:rgba(255,255,255,.86);
  text-decoration:none;
  padding:10px 12px;
  border-radius:12px;
  display:flex; gap:10px; align-items:center;
}
.admin-nav a:hover{ background:rgba(255,255,255,.08); }
.admin-nav a.active{ background:rgba(255,255,255,.12); color:#fff; }

.admin-main{ flex:1; }
.admin-topbar{
  height:56px; background:#fff; border-bottom:1px solid #e9ecef;
  display:flex; align-items:center; padding:0 16px;
}

.stat{ border:1px solid #e9ecef; }

@media (max-width: 991px){
  .admin-sidebar{ display:none; }
}