/* ── admin.css — Sky Blue + Green Admin Panel ── */

.admin-layout{display:flex;min-height:100vh;}

.admin-sidebar{
  width:256px;background:#fff;
  border-right:1.5px solid var(--border);
  display:flex;flex-direction:column;
  position:sticky;top:0;height:100vh;
  overflow-y:auto;flex-shrink:0;
  box-shadow:2px 0 8px rgba(14,165,233,.06);
}
.admin-sidebar-head{
  padding:20px 22px;border-bottom:1.5px solid var(--border);
}
.sidebar-nav{padding:12px 12px;flex:1;}
.sidebar-group{margin-bottom:20px;}
.sidebar-group-label{
  font-size:9px;font-weight:700;color:var(--txt-light);
  text-transform:uppercase;letter-spacing:1.8px;
  padding:0 10px;margin-bottom:6px;
}
.sidebar-link{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:var(--r-lg);
  font-size:13px;font-weight:700;color:var(--txt-muted);
  text-decoration:none;transition:var(--transition);margin-bottom:2px;
}
.sidebar-link i{width:18px;text-align:center;font-size:14px;}
.sidebar-link:hover{background:var(--sky-dim);color:var(--sky);}
.sidebar-link.active{background:var(--grad);color:#fff;box-shadow:0 4px 12px var(--sky-glow);}

.admin-main{flex:1;display:flex;flex-direction:column;background:var(--bg);}

.admin-topbar{
  height:64px;background:rgba(240,249,255,.95);
  backdrop-filter:blur(12px);border-bottom:1.5px solid var(--border);
  padding:0 28px;display:flex;align-items:center;justify-content:space-between;
  position:sticky;top:0;z-index:50;
  box-shadow:0 2px 8px rgba(14,165,233,.06);
}

.admin-content{padding:28px;flex:1;}

/* Stat boxes */
.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;}
.admin-stat-box{
  background:var(--bg-card);border:1.5px solid var(--border);
  border-radius:var(--r-xl);padding:20px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  transition:var(--transition);
}
.admin-stat-box:hover{border-color:var(--border-dark);box-shadow:var(--shadow-md);}
.admin-stat-icon{
  width:42px;height:42px;border-radius:var(--r-lg);
  display:flex;align-items:center;justify-content:center;font-size:18px;
  margin-bottom:12px;
}
.admin-stat-icon.sky{background:var(--sky-dim);color:var(--sky);}
.admin-stat-icon.green{background:var(--green-dim);color:var(--green);}
.admin-stat-icon.amber{background:var(--amber-dim);color:var(--amber);}
.admin-stat-icon.red{background:var(--red-dim);color:var(--red);}
.admin-stat-val{font-size:28px;font-weight:900;color:var(--txt);letter-spacing:-1px;}
.admin-stat-label{font-size:11px;color:var(--txt-muted);font-weight:700;margin-top:2px;}

/* Panel */
.admin-panel{
  background:var(--bg-card);border:1.5px solid var(--border);
  border-radius:var(--r-xl);overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  margin-bottom:24px;
}
.admin-panel-head{
  padding:18px 22px;border-bottom:1.5px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(14,165,233,.02);
}
.admin-panel-head h3{font-size:15px;font-weight:800;color:var(--txt);}
.admin-panel-body{padding:0;}

/* Modal */
.modal-overlay{
  position:fixed;inset:0;z-index:200;
  background:rgba(12,26,39,.55);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;padding:20px;
}
.modal-box{
  background:var(--bg-card);border:1.5px solid var(--border);
  border-radius:var(--r-2xl);width:100%;max-width:520px;padding:28px;
  animation:slideUp .28s ease;box-shadow:var(--shadow-lg);
}
@keyframes slideUp{from{transform:translateY(30px);opacity:0;}to{transform:translateY(0);opacity:1;}}

/* Hamburger */
.admin-hamburger{
  display:none;width:38px;height:38px;
  background:var(--sky-dim);border:1.5px solid var(--border);
  border-radius:var(--r-md);align-items:center;justify-content:center;
  color:var(--sky);cursor:pointer;
}

.sidebar-drawer-overlay{
  display:none;position:fixed;inset:0;background:rgba(12,26,39,.5);z-index:90;
}

@media(max-width:1023px){
  .admin-sidebar{
    position:fixed;left:-280px;top:0;bottom:0;z-index:100;
    transition:left .25s ease;box-shadow:4px 0 24px rgba(14,165,233,.12);
  }
  .admin-sidebar.open{left:0;}
  .sidebar-drawer-overlay.open{display:block;}
  .admin-hamburger{display:flex;}
  .admin-content{padding:16px;}
}