
.admin-shell{display:flex; flex-direction:column; gap:18px}
.admin-topbar{padding:22px; display:flex; justify-content:space-between; gap:18px; align-items:end; flex-wrap:wrap}
.admin-topbar h1{margin:0; font-size:42px; letter-spacing:-.05em}
.admin-actions-inline{display:flex; gap:10px; align-items:center; flex-wrap:wrap}
.stats-grid{display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:14px}
.admin-grid{display:grid; grid-template-columns:.9fr 1.1fr; gap:18px}
.admin-col{display:flex; flex-direction:column; gap:18px}
.admin-panel-card{padding:20px}
.admin-panel-card h3{margin:0 0 14px; font-size:24px; letter-spacing:-.04em}
.selected-user-grid{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px}
.form-row,.button-row,.toggle-grid,.history-grid{display:grid; gap:12px}
.form-row,.button-row,.toggle-grid{grid-template-columns:1fr 1fr}
.history-grid{grid-template-columns:1fr 1fr}
.toggle-row{
  display:flex; align-items:center; gap:10px; padding:14px;
  border:1px solid var(--stroke); border-radius:14px; background:rgba(255,255,255,.02);
}
.user-list{display:flex; flex-direction:column; gap:10px; max-height:480px; overflow:auto}
.user-row{
  width:100%; text-align:left; border:1px solid var(--stroke); background:rgba(255,255,255,.025);
  color:white; border-radius:14px; padding:14px; display:flex; justify-content:space-between; align-items:center; cursor:pointer;
}
.user-row:hover,.user-row.active{border-color:var(--stroke-strong)}
.user-row strong{display:block}
.user-row small{color:var(--muted)}
.user-row-right span{font-weight:800}

@media (max-width: 1180px){
  .stats-grid{grid-template-columns:repeat(3, minmax(0,1fr))}
  .admin-grid,.history-grid{grid-template-columns:1fr}
}
@media (max-width: 780px){
  .stats-grid,.selected-user-grid,.form-row,.button-row,.toggle-grid{grid-template-columns:1fr}
}
