.account-admin-page { overflow: auto; }
.account-admin-panel { display: grid; gap: 18px; }
.account-admin-intro, .account-add-form, .account-row { border: 1px solid rgba(213, 161, 63, .35); border-radius: 10px; background: rgba(20, 16, 12, .35); }
.account-admin-intro { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; }
.account-admin-intro > div, .account-form-heading { display: grid; gap: 5px; }
.account-admin-intro strong, .account-form-heading strong { color: var(--text-strong, #fff0c4); font-size: 1.1rem; }
.account-admin-intro span, .account-form-heading span { color: var(--text-muted, #c4b79b); font-size: .9rem; }
.account-add-form { display: grid; gap: 16px; padding: 18px 20px; }
.account-form-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.account-form-grid label, .account-row-controls label { display: grid; gap: 6px; color: var(--text-strong, #fff0c4); font-size: .86rem; }
.account-form-grid input, .account-form-grid select, .account-row-controls input, .account-row-controls select { width: 100%; min-height: 42px; border: 1px solid rgba(213, 161, 63, .55); border-radius: 6px; padding: 8px 10px; color: inherit; background: rgba(7, 10, 14, .75); }
.account-action { min-height: 42px; border: 1px solid rgba(213, 161, 63, .6); border-radius: 6px; padding: 8px 13px; color: var(--text-strong, #fff0c4); background: rgba(53, 37, 20, .9); cursor: pointer; font: inherit; }
.account-action:hover, .account-action:focus { border-color: #f2c768; background: rgba(103, 67, 27, .95); outline: 2px solid rgba(242, 199, 104, .25); }
.account-action.primary { justify-self: start; color: #25180b; background: #f2c768; }
.account-action.danger { border-color: rgba(226, 101, 101, .7); color: #ffc1c1; }
.account-action:disabled { opacity: .45; cursor: not-allowed; }
.account-status { min-height: 1.3em; margin: 0; color: #cce8bd; }
.account-status.error { color: #ffabab; }
.account-list { display: grid; gap: 12px; }
.account-row { display: grid; gap: 14px; padding: 16px 20px; }
.account-row-main { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.account-row-main > div { display: grid; gap: 4px; }
.account-row-main strong { color: var(--text-strong, #fff0c4); font-size: 1.15rem; }
.account-row-main small { color: var(--text-muted, #c4b79b); }
.account-role { border-radius: 999px; padding: 5px 10px; font-size: .75rem; font-weight: 700; }
.account-role.admin { color: #231708; background: #f2c768; }
.account-role.player { color: #d8e9fa; background: #294663; }
.account-row-controls { display: grid; grid-template-columns: minmax(120px, .7fr) auto minmax(180px, 1fr) auto auto; align-items: end; gap: 10px; }
.account-admin-loading, .account-empty { color: var(--text-muted, #c4b79b); }
@media (max-width: 1050px) { .account-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .account-row-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .account-admin-intro, .account-row-main { align-items: stretch; flex-direction: column; } .account-form-grid, .account-row-controls { grid-template-columns: 1fr; } .account-action.primary { width: 100%; } }