@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
:root{
  --bg:#f3f6fb;
  --panel:#ffffff;
  --line:#e8eef7;
  --text:#172033;
  --muted:#6b7280;
  --primary:#2563eb;
  --primary-dark:#1d4ed8;
  --success:#16a34a;
  --danger:#dc2626;
  --warning:#d97706;
  --sidebar:#0f172a;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none}
.admin-shell{display:flex;min-height:100vh}
.sidebar{width:270px;background:linear-gradient(180deg,#0f172a 0%, #131e35 100%);color:#fff;padding:24px 18px;position:sticky;top:0;height:100vh}
.brand-box{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.06);margin-bottom:22px}
.brand-title{font-size:20px;font-weight:800;margin:0}
.brand-sub{font-size:13px;color:rgba(255,255,255,.72);margin-top:4px}
.sidebar-group{margin-top:14px}
.sidebar-link{display:flex;align-items:center;gap:12px;color:#d9e1f2;padding:12px 14px;border-radius:14px;margin-bottom:8px;font-weight:600;transition:.2s}
.sidebar-link:hover,.sidebar-link.active{background:rgba(255,255,255,.1);color:#fff}
.main-wrap{flex:1;padding:24px}
.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}
.page-title{font-size:28px;font-weight:800;margin:0}
.page-sub{color:var(--muted);margin-top:4px}
.user-chip{background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px rgba(15,23,42,.04)}
.avatar-dot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eff6ff;color:var(--primary);font-weight:700}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 34px rgba(15,23,42,.05)}
.panel-soft{background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%)}
.card-stat{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.04);height:100%}
.stat-label{font-size:13px;color:var(--muted);font-weight:600}
.stat-value{font-size:32px;font-weight:800;margin-top:8px}
.stat-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#eff6ff;color:var(--primary)}
.form-control,.form-select{border-radius:16px;border:1px solid #dbe4f0;padding:12px 14px;min-height:48px}
.form-control:focus,.form-select:focus{border-color:#9ec0ff;box-shadow:0 0 0 4px rgba(37,99,235,.08)}
.btn{border-radius:14px;font-weight:700;padding:.7rem 1rem}
.btn-primary{background:var(--primary);border-color:var(--primary)}
.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.btn-soft{background:#eff6ff;color:var(--primary);border:1px solid #dbeafe}
.btn-soft:hover{background:#dbeafe;color:#1d4ed8}
.btn-soft-warning{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}
.btn-soft-warning:hover{background:#ffedd5;color:#9a3412}
.btn-soft-danger{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.btn-soft-danger:hover{background:#fee2e2;color:#991b1b}
.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;border-bottom:1px solid var(--line);padding-top:16px;padding-bottom:16px}
.table tbody td{vertical-align:middle;padding-top:14px;padding-bottom:14px;border-color:#eef2f7}
.table tbody tr:hover{background:#fafcff}
.badge-soft-success,.badge-soft-primary,.badge-soft-danger,.badge-soft-warning,.badge-soft-secondary{font-weight:700;padding:8px 12px;border-radius:999px;font-size:12px;display:inline-block}
.badge-soft-success{background:#ecfdf3;color:#15803d}
.badge-soft-primary{background:#eff6ff;color:#1d4ed8}
.badge-soft-danger{background:#fef2f2;color:#b91c1c}
.badge-soft-warning{background:#fff7ed;color:#b45309}
.badge-soft-secondary{background:#f1f5f9;color:#475569}
.member-meta{font-size:13px;color:var(--muted)}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.empty-hint{font-size:13px;color:var(--muted)}
.kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.search-box{position:relative}
.search-box .form-control{padding-left:42px}
.search-box .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}
.note-box{border:1px dashed #cbd5e1;background:#f8fbff;border-radius:16px;padding:12px 14px;font-size:13px;color:#475569}
.mobile-top{display:none}
@media (max-width: 991px){
  .admin-shell{display:block}
  .sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1040;transform:translateX(-100%);transition:.25s;width:290px}
  .sidebar.open{transform:translateX(0)}
  .main-wrap{padding:16px}
  .mobile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
  .topbar{flex-direction:column;align-items:flex-start}
  .kpi-strip,.quick-grid{grid-template-columns:1fr}
}