/* Admin standalone page styles */
.admin-page-body { background:#FFF4F8; padding:0; }
.admin-page-login { min-height:100vh; display:flex; align-items:center; justify-content:center; padding:20px; }
.admin-page-dash { display:flex; min-height:100vh; }

/* SIDEBAR */
.admin-sidebar { width:220px; background:var(--dark); flex-shrink:0; display:flex; flex-direction:column; padding:18px 0; position:sticky; top:0; height:100vh; overflow-y:auto; }
.sidebar-brand { display:flex; align-items:center; gap:9px; padding:0 16px 18px; border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:10px; }
.sidebar-nav { flex:1; padding:0 8px; }
.snav-btn { display:flex; align-items:center; gap:9px; width:100%; padding:10px 12px; border:none; background:none; color:rgba(255,255,255,0.65); font-family:'Nunito',sans-serif; font-size:0.82rem; font-weight:700; cursor:pointer; border-radius:8px; transition:all .2s; text-align:left; margin-bottom:2px; }
.snav-btn svg { width:17px; height:17px; stroke:currentColor; fill:none; stroke-width:1.8; flex-shrink:0; }
.snav-btn:hover { background:rgba(255,255,255,0.08); color:rgba(255,255,255,0.9); }
.snav-btn.active { background:var(--pink); color:white; }
.sidebar-footer { padding:0 8px; border-top:1px solid rgba(255,255,255,0.1); padding-top:10px; margin-top:10px; }

/* MAIN */
.admin-main { flex:1; padding:24px 20px 40px; overflow-y:auto; max-width:100%; }
.admin-section-title { font-family:'Cormorant Garamond',serif; font-size:1.5rem; color:var(--dark); margin-bottom:18px; }
.stats-grid-6 { grid-template-columns:repeat(3,1fr); }
@media(max-width:700px){ .stats-grid-6 { grid-template-columns:repeat(2,1fr); } }
.chart-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:16px; }
@media(max-width:700px){ .chart-row { grid-template-columns:1fr; } }
.chart-box { background:white; border-radius:10px; padding:14px; border:1.5px solid var(--border); }
.chart-wrap.tall { height:130px; }

@media(max-width:640px){
  .admin-sidebar { display:none; }
  .admin-page-dash { flex-direction:column; }
}
