/* public/assets/css/admin.css - Modern Light Fintech Theme */
:root{
  --primary:#2b8cff;
  --accent:#00c48c;
  --muted:#6b7280;
  --bg:#f8fbff;
  --card:#ffffff;
  --radius:12px;
  --shadow:0 6px 18px rgba(43,140,255,0.06);
}
body { background: var(--bg); color:#1f2937; font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }
.navbar-brand { font-weight:700; color:var(--primary); }
.sidebar { width:260px; background: #fff; border-radius: 12px; box-shadow: var(--shadow); padding: 18px; }
.sidebar .nav-link { color:#374151; padding:10px 12px; border-radius:8px; display:flex; align-items:center; gap:10px; }
.sidebar .nav-link.active, .sidebar .nav-link:hover { background: linear-gradient(90deg, rgba(43,140,255,0.08), rgba(0,196,140,0.03)); color:var(--primary); }
.card-compact { border-radius:var(--radius); background:var(--card); box-shadow:var(--shadow); }
.kpi { font-size:28px; font-weight:700; color:#111827; }
.kpi-label { color:var(--muted); font-size:13px; }
.table thead th { border-bottom: 0; color:#475569; }
.btn-primary { background:var(--primary); border-color:var(--primary); box-shadow:none; }
.headerbar { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.search-input { max-width:420px; }
.app-badge { background:linear-gradient(90deg,var(--primary),#1fb0ff); color:#fff; padding:6px 10px; border-radius:8px; font-weight:600; }
.footer-note { font-size:13px; color:var(--muted); margin-top:14px; }
.small-muted { color:var(--muted); font-size:13px; }
.user-avatar { width:40px; height:40px; border-radius:10px; object-fit:cover; }
.table-actions .btn { padding:6px 8px; font-size:13px; }