:root{--navy:#061633;--blue:#123a7a;--gold:#f5b73b;--light:#f4f7fb;--muted:#64748b;--radius:24px}
body{background:var(--light);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.admin-layout{display:grid;grid-template-columns:290px 1fr;min-height:100vh}
.admin-sidebar{background:linear-gradient(180deg,#061633,#092454);color:#fff;padding:24px;position:sticky;top:0;height:100vh;overflow:auto}
.admin-brand{display:flex;gap:10px;align-items:center;margin-bottom:28px;font-weight:950;font-size:1.25rem}
.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#fff,#1f66d1);font-weight:900;color:#061633}
.admin-nav a{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.8);padding:12px 14px;border-radius:16px;margin-bottom:6px;font-weight:750;text-decoration:none}
.admin-nav a:hover,.admin-nav a.active{background:rgba(255,255,255,.12);color:#fff}
.admin-main{padding:28px}
.admin-topbar{background:#fff;border-radius:24px;box-shadow:0 16px 50px rgba(6,22,51,.08);padding:18px 22px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.stat{background:#fff;border-radius:24px;padding:22px;box-shadow:0 14px 40px rgba(6,22,51,.07);border:1px solid rgba(15,23,42,.06)}
.stat i{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#eef5ff;color:var(--blue);font-size:1.3rem;margin-bottom:14px}
.stat strong{font-size:2rem;color:var(--navy);display:block;line-height:1}
.stat span{color:var(--muted);font-weight:800}
.panel{background:#fff;border-radius:24px;padding:24px;box-shadow:0 14px 40px rgba(6,22,51,.07);border:1px solid rgba(15,23,42,.06)}
.panel h3{font-weight:950;color:var(--navy)}
.btn{border-radius:999px;font-weight:800;border:0}
.btn-gold{background:linear-gradient(135deg,var(--gold),#ffd77a);color:#061633}
.btn-blue{background:#123a7a;color:#fff}
.btn-violet{background:#7c3aed;color:#fff}
.btn-red{background:#ef4444;color:#fff}
.btn-orange{background:#f97316;color:#fff}
.btn-green{background:#16a34a;color:#fff}
.table{vertical-align:middle}
.table thead th{color:#64748b;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.badge-soft{padding:8px 12px;border-radius:999px;background:#eef5ff;color:#123a7a;font-weight:900}
.builder-canvas{min-height:540px;background:#f8fbff;border:2px dashed rgba(18,58,122,.22);border-radius:28px;padding:20px}
.builder-section{background:#fff;border-radius:22px;padding:18px;margin-bottom:14px;border:1px solid rgba(15,23,42,.08);cursor:grab}
.color-dot{width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 3px rgba(255,255,255,.7),0 6px 18px rgba(0,0,0,.12)}
.media-thumb{height:120px;background-size:cover;background-position:center;border-radius:18px}
@media(max-width:991px){
    .admin-layout{grid-template-columns:1fr}
    .admin-sidebar{position:relative;height:auto}
    .admin-main{padding:16px}
}