/* Dashboard custom styles */
:root{
  --bg:#0b1220;
  --card:#0f1724;
  --muted:#9ca3af;
  --accent:#6c63ff;
  --accent-2:#2575fc;
}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial}
.dashboard-hero{
  background: linear-gradient(90deg,var(--accent) 0%,var(--accent-2) 100%);
  color: #fff;
  padding: 18px;
  border-radius: 12px;
  margin-bottom: 18px;
}
/* Make hero compact on small devices to avoid overlap */
@media (max-width:768px){
  .dashboard-hero{padding:12px;margin-bottom:12px}
  .dashboard-hero h2{font-size:18px}
  .dashboard-hero p{font-size:13px}
  .dashboard-hero .brand-logo{height:48px;width:48px}
  .dashboard-actions .btn{padding:6px 8px;font-size:13px}
}
.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.dash-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 10px 30px rgba(2,6,23,0.5);display:flex;align-items:center;justify-content:space-between}
.dash-card .meta{display:flex;align-items:center}
.dash-card .meta i{font-size:28px;color:var(--accent);margin-right:12px}
.dash-card h3{margin:0;font-size:20px}
.dash-card p{margin:0;color:var(--muted)}
.status-pill{padding:6px 10px;border-radius:14px;font-weight:600;color:#fff;font-size:12px}
.status-0{background:#6366f1}
.status-1{background:#10b981}
.status-2{background:#f59e0b}
.status-3{background:#ef4444}
.dashboard-recent{margin-top:18px}
.dashboard-actions{display:flex;gap:8px;flex-wrap:wrap}
.dashboard-actions .btn{min-width:160px}

/* Sidebar refinements */
.main-sidebar { background: linear-gradient(180deg,#071027 0%, #0b1220 100%); border-right:0; }
.brand-link { padding:0.8rem 0.75rem; display:flex; align-items:center; gap:12px; }
.brand-link img{height:48px;width:48px;object-fit:contain;border-radius:8px;box-shadow:0 6px 16px rgba(2,6,23,0.6)}
.brand-text{color:#fff !important;font-weight:700}
.sidebar .nav .nav-link{color:rgba(255,255,255,0.92);padding:10px 12px;border-radius:8px}
.sidebar .nav .nav-link .nav-icon{color: #c7d2fe}
.sidebar .nav .nav-link:hover, .sidebar .nav .nav-link.active{background:linear-gradient(90deg,rgba(99,102,241,0.12),rgba(37,99,235,0.06));border-radius:8px;color:#fff}
.nav-treeview .nav-link{padding-left:2.5rem}
.nav .nav-treeview .nav-icon{font-size:12px}
.nav-header{color:#9aa4b2;padding:10px 14px;font-size:12px}

/* Small logo shown on dashboard hero */
.dashboard-hero .brand-logo{height:64px;width:64px;object-fit:contain;border-radius:8px;margin-right:12px;box-shadow:0 6px 18px rgba(2,6,23,0.3)}

/* Activity table and chart */
.activity-table{background:#fff;border-radius:12px;padding:12px;box-shadow:0 10px 30px rgba(2,6,23,0.06)}
.chart-card{background:#fff;border-radius:12px;padding:12px;box-shadow:0 10px 30px rgba(2,6,23,0.06)}

@media (max-width:768px){
  .dashboard-grid{grid-template-columns:repeat(1,1fr)}
  .dashboard-actions .btn{min-width:120px}
}

/* Sidebar refinements */
.main-sidebar { background: linear-gradient(180deg,#0f172a 0%, #111827 100%); border-right:0; }
.brand-link { padding:1rem 0.75rem; display:flex; align-items:center; gap:12px; }
.brand-link img{height:48px;width:48px;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.35)}
.brand-text{color:#fff !important;font-weight:700}
.sidebar .nav .nav-link{color:rgba(255,255,255,0.9)}
.sidebar .nav .nav-link .nav-icon{color: #a5b4fc}
.sidebar .nav .nav-link:hover, .sidebar .nav .nav-link.active{background:linear-gradient(90deg,rgba(99,102,241,0.12),rgba(37,99,235,0.06));border-radius:8px;color:#fff}
.nav-treeview .nav-link{padding-left:2.5rem}
.nav .nav-treeview .nav-icon{font-size:12px}

/* Small logo shown on dashboard hero */
.dashboard-hero .brand-logo{height:64px;width:64px;object-fit:contain;border-radius:8px;margin-right:12px;box-shadow:0 6px 18px rgba(2,6,23,0.3)}