.admin-page { min-height: 100vh; }
.admin-topbar { display: flex; align-items: center; justify-content: space-between; height: 66px; padding: 0 max(28px, calc((100vw - 1120px) / 2)); border-bottom: 1px solid #26302d; background: #131c1a; }
.admin-topbar .brand { padding: 0; }
.back-link { color: #b5c0b7; font-size: 10px; font-weight: 600; }
.back-link:hover { color: var(--lime); }
.admin-main { max-width: 1120px; margin: 0 auto; padding: 38px 28px 50px; }
.admin-heading { margin-bottom: 24px; }
.admin-heading h1 { margin-top: 7px; font-size: 36px; }
.admin-heading .welcome-subtitle { font-size: 11px; }
.admin-card { border: 1px solid #293430; border-radius: 8px; background: #171f1d; }
.auth-card { width: min(100%, 460px); padding: 24px; }
.auth-card h2, .console-heading h2 { margin-top: 6px; font: 700 26px/1 var(--font-display); }
.auth-card > p { margin-top: 9px; color: #929d96; font-size: 10px; line-height: 1.6; }
.admin-form { display: grid; gap: 13px; margin-top: 21px; }
.admin-form label, .inline-form label { display: grid; gap: 6px; color: #aab5ac; font-size: 9px; font-weight: 700; letter-spacing: .35px; }
.admin-form input, .inline-form input, .inline-form select, .admin-table select { width: 100%; height: 37px; padding: 0 10px; border: 1px solid #39443e; border-radius: 4px; outline: none; background: #111a17; color: #e7ece4; font: 500 10px var(--font-body); letter-spacing: 0; }
.admin-form input:focus, .inline-form input:focus, .inline-form select:focus, .admin-table select:focus { border-color: var(--lime); box-shadow: 0 0 0 2px #d6fc5720; }
.form-submit { width: 100%; margin-top: 3px; }
.field-hint { margin-left: 4px; color: #7f8c83; font-size: 8px; font-weight: 500; }
.security-warning, .admin-feedback { margin: 0 0 16px; padding: 12px 14px; border: 1px solid #69523a; border-radius: 6px; background: #30271e; color: #ffd1a0; font-size: 10px; line-height: 1.6; }
.security-warning[hidden], .admin-feedback[hidden] { display: none; }
.admin-feedback.error { border-color: #704640; background: #301f1c; color: #ffb7a7; }
.admin-feedback.success { border-color: #4f613d; background: #263226; color: var(--lime); }
.console-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 15px; margin: 22px 0 15px; }
.console-heading .section-eyebrow span { color: #d6dfd5; letter-spacing: .2px; }
.outline-button { height: 31px; padding: 0 11px; border: 1px solid #414d45; border-radius: 4px; background: #202a26; color: #cbd3ca; font-size: 9px; font-weight: 700; cursor: pointer; }
.outline-button:hover { border-color: var(--lime); color: var(--lime); }
.manage-card { margin-bottom: 14px; padding: 19px; }
.manage-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.manage-heading h3 { margin-top: 4px; font-size: 23px; }
.manage-count { color: #92a087; font-size: 8px; font-weight: 700; letter-spacing: .8px; }
.manage-description { margin-top: 7px; color: #89958e; font-size: 9px; line-height: 1.5; }
.inline-form { display: grid; grid-template-columns: minmax(160px, 1fr) minmax(210px, 1.3fr) auto; align-items: end; gap: 10px; margin: 16px 0; }
.inline-form .primary-button { min-width: 105px; height: 37px; margin: 0; }
.inline-form .primary-button span { margin-left: 4px; }
.league-form { grid-template-columns: minmax(155px, 1.2fr) minmax(125px, .9fr) minmax(90px, .55fr) auto; }
.table-scroll { overflow-x: auto; border-top: 1px solid #293430; }
.admin-table { width: 100%; min-width: 650px; border-collapse: collapse; text-align: left; }
.admin-table th { height: 32px; color: #7d8982; font-size: 7px; font-weight: 700; letter-spacing: .7px; white-space: nowrap; }
.admin-table td { height: 43px; border-top: 1px solid #26312c; color: #d8dfd6; font-size: 9px; }
.admin-table td:first-child { font-weight: 600; }
.admin-table .email-cell { color: #9aa69d; font-weight: 400; }
.admin-table select { width: auto; min-width: 93px; height: 27px; padding: 0 6px; font-size: 8px; }
.row-actions { display: flex; align-items: center; gap: 6px; }
.row-action { min-height: 26px; padding: 0 7px; border: 1px solid #3a463f; border-radius: 3px; background: #202a26; color: #bbc5bc; font-size: 8px; cursor: pointer; }
.row-action:hover { border-color: var(--lime); color: var(--lime); }
.row-action.danger { color: #f29c88; }
.row-action.danger:hover { border-color: #bf6b55; }
.empty-state { padding: 15px 0; color: #849087; font-size: 9px; }
.empty-state[hidden] { display: none; }

@media (max-width: 640px) {
  .admin-topbar { height: 58px; padding: 0 15px; }
  .admin-topbar .brand-name { display: inline; font-size: 17px; }
  .admin-main { padding: 27px 15px 34px; }
  .admin-heading h1 { font-size: 31px; }
  .auth-card { padding: 19px; }
  .manage-card { padding: 15px 12px; }
  .inline-form, .league-form { grid-template-columns: 1fr 1fr; }
  .inline-form label:first-child { grid-column: 1 / -1; }
  .league-form label:first-child { grid-column: 1 / -1; }
  .inline-form .primary-button { justify-self: start; }
  .console-heading { align-items: center; }
}
@media (max-width: 380px) {
  .back-link { font-size: 9px; }
  .admin-topbar .brand { gap: 7px; }
  .admin-topbar .brand-name { font-size: 15px; }
  .league-form { grid-template-columns: 1fr 1fr; }
}