:root {
  --brand: #4f46e5;
  --brand-dark: #3730a3;
  --brand-light: #eef2ff;
}
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; background:#f8f9fc; }
.sidebar-link { display:flex; align-items:center; gap:.6rem; padding:.6rem .9rem; border-radius:.5rem; color:#cbd5e1; font-size:.9rem; }
.sidebar-link:hover { background:rgba(255,255,255,.06); color:#fff; }
.sidebar-link.active { background:var(--brand); color:#fff; }
.card { background:#fff; border-radius:.75rem; box-shadow:0 1px 3px rgba(0,0,0,.06); border:1px solid #eef0f4; }
.btn-primary { background:var(--brand); color:#fff; border-radius:.5rem; padding:.55rem 1.1rem; font-weight:600; }
.btn-primary:hover { background:var(--brand-dark); }
.badge-active { background:#dcfce7; color:#16a34a; padding:.15rem .6rem; border-radius:999px; font-size:.72rem; font-weight:600; }
.badge-pending { background:#fef3c7; color:#b45309; padding:.15rem .6rem; border-radius:999px; font-size:.72rem; font-weight:600; }
.badge-suspended { background:#fee2e2; color:#dc2626; padding:.15rem .6rem; border-radius:999px; font-size:.72rem; font-weight:600; }
.photo-thumb { position:relative; border-radius:.5rem; overflow:hidden; aspect-ratio:1/1; cursor:pointer; border:2px solid transparent; }
.photo-thumb.selected { border-color: var(--brand); }
.photo-thumb img { width:100%; height:100%; object-fit:cover; }