.admin-nav { gap: 3px; margin-top: 24px; }
.admin-nav .nav-item { min-height: 38px; padding-top: 8px; padding-bottom: 8px; font-size: 12px; }
.admin-nav-title { color: #9eafcc; margin: 10px 12px 6px; font-size: 10px; letter-spacing: .12em; }
.admin-help { padding: 18px 22px; margin-bottom: 20px; background: #f1f6ff; border-color: #dce5fa; }
.admin-help summary { cursor: pointer; font-weight: 650; color: #284985; }
.admin-help p { margin-bottom: 0; line-height: 1.8; color: #495d7a; }
.admin-toolbar, .admin-pagination, .admin-tabs { display: flex; align-items: end; gap: 12px; flex-wrap: wrap; margin: 16px 0; }
.admin-toolbar label { display: grid; gap: 7px; font-size: 12px; flex: 1; min-width: 150px; }
.admin-toolbar input, .admin-toolbar select { width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid #dce3ef; border-radius: 9px; background: white; color: #20365a; }
.admin-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.admin-metric { display: grid; align-content: start; gap: 10px; padding: 22px; min-width: 0; }
.admin-metric > span, .admin-metric small { color: #687c98; font-size: 12px; line-height: 1.6; }
.admin-metric strong { font-size: clamp(19px,2vw,28px); line-height: 1.35; overflow-wrap: anywhere; }
.admin-table td { max-width: 380px; white-space: normal; overflow-wrap: anywhere; vertical-align: top; }
.admin-table td small { display: block; color: #687c98; margin-top: 5px; }
.admin-table td code { font-size: 11px; white-space: pre-wrap; }
.admin-pagination { align-items: center; justify-content: end; }
.admin-pagination span { margin-right: auto; font-size: 12px; color: #687c98; }
.admin-chart { width: 100%; height: 160px; margin-top: 20px; }
.admin-chart rect { fill: #355ff0; }
.admin-chart rect:hover { fill: #183bae; }
.admin-scroll { max-height: 400px; overflow: auto; }
#admin-view, #admin-view > *, #admin-user-records { min-width: 0; }
@media(max-width:1100px) { .admin-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
  .admin-metrics { grid-template-columns: 1fr; }
  .admin-toolbar { align-items: stretch; }
  .admin-toolbar label, .admin-toolbar > button { flex-basis: 100%; min-width: 0; }
  .admin-tabs { gap: 7px; }
  .admin-tabs button { flex: 1 1 40%; font-size: 12px; }
  .admin-help { padding: 16px; }
  .admin-pagination span { width: 100%; }
}