:root{
  --sidebar-w: 260px;
  --green: #0a7a3d;
}
body { background: #f5f6f8; }
.app-shell{ display:flex; min-height:100vh; }
.app-sidebar{
  width: var(--sidebar-w);
  background: #0f172a;
  color: #fff;
}
.app-sidebar .nav-link{
  display:block;
  color:#cbd5e1;
  padding:10px 12px;
  border-radius:10px;
  margin:4px 6px;
  text-decoration:none;
}
.app-sidebar .nav-link:hover{ background: rgba(255,255,255,0.06); color:#fff; }
.app-sidebar .nav-link.active{ background: rgba(10,122,61,0.24); color:#fff; border:1px solid rgba(10,122,61,0.35); }

.app-main{ flex:1; display:flex; flex-direction:column; }
.app-topbar{
  background:#fff;
  border-bottom:1px solid #e5e7eb;
  padding: 14px 18px;
}
.app-content{ padding: 18px; }

.card-soft{
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  box-shadow: 0 1px 10px rgba(0,0,0,0.04);
}
.badge-sub{ background:#e8fff1; color:#0a7a3d; border:1px solid rgba(10,122,61,0.25); }
.badge-unsub{ background:#fff4f4; color:#b91c1c; border:1px solid rgba(185,28,28,0.25); }

.select2-container .select2-selection--multiple{
  min-height: 42px;
  border: 1px solid #d1d5db;
  border-radius: 12px;
}