:root { --purple:#6d28d9; --ink:#100b33; --line:#ebe7f7; --muted:#6c6886; }
body { margin:0; background:#f6f3ff; color:var(--ink); font-family:Inter, ui-sans-serif, system-ui, Segoe UI, Arial, sans-serif; }
a { text-decoration:none; }
.admin-wrap { min-height:100vh; display:grid; grid-template-columns:270px 1fr; }
.admin-sidebar { background:#160b3d; color:#fff; padding:24px; position:sticky; top:0; height:100vh; }
.admin-brand { display:block; color:#fff; font-size:24px; font-weight:900; margin-bottom:24px; }
.admin-sidebar nav { display:grid; gap:8px; }
.admin-sidebar a { color:rgba(255,255,255,.84); padding:11px 13px; border-radius:10px; font-weight:800; }
.admin-sidebar a:hover { background:rgba(255,255,255,.12); color:#fff; }
.admin-main { padding:28px; }
.admin-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:22px; }
.admin-top h1 { font-size:30px; font-weight:900; margin:0; }
.cardx { border:1px solid var(--line); background:#fff; border-radius:16px; box-shadow:0 14px 34px rgba(31,20,82,.08); padding:22px; margin-bottom:22px; }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.metric { background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px; box-shadow:0 12px 28px rgba(31,20,82,.08); }
.metric strong { display:block; font-size:30px; }
.metric span { color:var(--muted); font-weight:800; }
.table img { width:90px; height:55px; object-fit:cover; border-radius:8px; }
.form-control,.form-select { border-radius:10px; padding:11px 12px; border-color:var(--line); }
.btn-primary { --bs-btn-bg:var(--purple); --bs-btn-border-color:var(--purple); }
.login-screen { min-height:100vh; display:grid; place-items:center; padding:20px; }
.login-card { max-width:430px; width:100%; background:#fff; border-radius:18px; box-shadow:0 18px 45px rgba(31,20,82,.14); padding:32px; }
@media (max-width:900px){ .admin-wrap{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.metric-grid{grid-template-columns:1fr 1fr}.table-responsive{font-size:14px} }