:root{
  --sidebar:#0e1117;
  --ink:#151a20;
  --muted:#6b7380;
  --brand:#caa46a;
}

body{background:#f6f8fb;color:var(--ink)}
.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.admin-sidebar{background:var(--sidebar);color:#d6dde9;padding:16px 14px}
.sidebar-brand{display:flex;align-items:center;gap:.6rem;font-weight:800;color:#fff;margin-bottom:14px}
.logo-dot{width:10px;height:10px;border-radius:50%;background:var(--brand);display:inline-block}
.admin-sidebar .nav-link{color:#d6dde9;border-radius:10px;padding:.55rem .75rem}
.admin-sidebar .nav-link:hover{background:rgba(255,255,255,.06)}
.admin-sidebar .nav-link.active{background:rgba(202,164,106,.22);color:#fff}

.admin-main{display:flex;flex-direction:column}
.admin-topbar{background:#fff;border-bottom:1px solid #e8edf4;padding:10px 16px}
.admin-content{padding:18px}

.tile{display:block;background:#fff;border:1px solid #e8edf4;border-radius:14px;padding:14px 14px;text-decoration:none;color:inherit}
.tile:hover{box-shadow:0 10px 26px rgba(0,0,0,.08);transform:translateY(-2px);transition:.18s ease}
.tile-title{font-weight:700}
.tile-desc{font-size:.9rem;color:var(--muted)}
/* in /admin/assets/admin.css */
.admin-sidebar { position: relative; z-index: 2; }


/* Robust content container to prevent overflow / "outside main" rendering */
#admin-content, .admin-content{
  position: relative;
  min-height: calc(100vh - 64px);
  overflow: auto;
}
.container, .container-fluid{
  margin-left: auto;
  margin-right: auto;
}

/* Ensure images don't overflow */
.admin-content img{width:10% !important;height:auto;display:block}

/* Avoid layout shift while async-loading */
.admin-content .skeleton{min-height:240px}