#backofficeDialog{width:min(1040px,calc(100vw - 24px));padding:0;background:#10151e;border-color:#334157}
#backofficeDialog>form{padding:24px 28px;box-sizing:border-box;margin:0}
#backofficeDialog .admin-dialog-head h2{font-size:24px;letter-spacing:-.03em}
#backofficeDialog .admin-caption{color:#9baac0;font-size:12px;line-height:1.6;margin:12px 0 20px}
#backofficeDialog [hidden]{display:none!important}
#backofficeDialog .admin-tabs{display:flex;gap:5px;border-bottom:1px solid #2d394a;padding-bottom:10px;overflow-x:auto}
#backofficeDialog button{cursor:pointer}
#backofficeDialog .admin-tabs button{flex:none;padding:10px 14px;border-radius:8px;background:transparent;border:1px solid transparent;color:#9fadc1;font:inherit;font-size:12px}
#backofficeDialog .admin-tabs button[aria-pressed=true]{background:#243c60;color:#dae8ff;border-color:#416394}
#adminPendingCount{margin-left:5px;font-variant-numeric:tabular-nums}
#backofficeDialog .admin-overview{display:flex;align-items:center;justify-content:space-between;gap:10px}
#backofficeDialog .backoffice-summary{margin:16px 0;gap:6px}
#backofficeDialog .backoffice-stat{background:transparent;border-color:#293647;font-size:11px}
#backofficeDialog .backoffice-section{margin:8px 0 0}
#backofficeDialog .backoffice-section-head{margin-bottom:14px}
#backofficeDialog .backoffice-list{display:flex;flex-direction:column;gap:6px}
#backofficeDialog .admin-record{min-width:0;border:1px solid #2c394b;border-radius:10px;background:#141c28;overflow:hidden}
#backofficeDialog .admin-record>summary{display:flex;align-items:center;gap:12px;padding:13px 16px;cursor:pointer;list-style:none;font-size:12px;color:#e2ebf9}
#backofficeDialog .admin-record>summary::-webkit-details-marker{display:none}
#backofficeDialog .admin-record>summary::after{content:'＋';margin-left:auto;color:#88a4c9;font-size:16px}
#backofficeDialog .admin-record[open]>summary::after{content:'−'}
#backofficeDialog .admin-record>summary:hover{background:#1c293a}
#backofficeDialog .admin-record h4{margin:0;font-size:12px}
#backofficeDialog .admin-identity{display:flex;flex:1;min-width:0;gap:5px;flex-direction:column}
#backofficeDialog .admin-identity strong{overflow-wrap:anywhere;font-size:13px}
#backofficeDialog .admin-identity small{color:#8b9eb8;font-size:11px}
#backofficeDialog .admin-role{padding:4px 9px;border-radius:5px;background:#203044;color:#aac6eb;font-size:10px}
#backofficeDialog .admin-role.coach{background:#213c38;color:#93d9ba}
#backofficeDialog .admin-record-body{padding:18px;border-top:1px solid #2c394b;background:#101721;overflow-wrap:anywhere}
#backofficeDialog .admin-record-body dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:9px;margin:0 0 20px;font-size:12px}
#backofficeDialog dt{color:#8fa3be}#backofficeDialog dd{margin:0;color:#d0dcec}
#backofficeDialog .admin-account-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 22px}
#backofficeDialog .admin-record-body button,#backofficeDialog .admin-record-body select,#backofficeDialog .admin-pagination button,#backofficeDialog .admin-overview>button{width:auto;margin:0;padding:8px 11px;border:1px solid #3b506d;border-radius:7px;background:#1c2c43;color:#c4d9f5;font:inherit;font-size:11px}
#backofficeDialog .admin-record-body select{min-width:0;max-width:100%}
#backofficeDialog .admin-memberships>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 0;border-bottom:1px solid #263347;font-size:12px}
#backofficeDialog .admin-memberships span{flex:1;min-width:110px}
#backofficeDialog .admin-account-danger{padding-top:15px;border-top:1px solid #2c394b}
#backofficeDialog .admin-record-body .danger{background:transparent;border-color:#6a3c48;color:#f2a5b7}
#backofficeDialog button:disabled{cursor:default;opacity:.45}
#backofficeDialog :focus-visible{outline:2px solid #9ac4ff;outline-offset:3px}
#backofficeDialog .admin-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:15px;font-size:11px;color:#93a7c3}
#backofficeDialog .admin-error{display:block;margin:16px 0 0;font-size:12px;line-height:1.5}
#backofficeDialog .admin-error:empty{display:none}
@media(max-width:600px){#backofficeDialog>form{padding:18px 14px}#backofficeDialog .admin-tabs button{padding:9px 10px}#backofficeDialog .admin-overview{align-items:flex-start}#backofficeDialog .admin-record>summary{padding:12px}#backofficeDialog .admin-record-body{padding:14px}#backofficeDialog .admin-record-body dl{grid-template-columns:85px minmax(0,1fr)}#backofficeDialog .backoffice-filters input{min-width:0;flex-basis:100%}#backofficeDialog .admin-tabs{max-width:100%;box-sizing:border-box}#backofficeDialog .admin-pagination{justify-content:space-between}}
#backofficeDialog.navigation-panel[open]{width:auto}
@media(max-width:600px){#backofficeDialog.navigation-panel[open]{inset:12px;max-width:none;width:auto;max-height:calc(100dvh - 24px)}#backofficeDialog .admin-dialog-head h2{font-size:21px}#backofficeDialog .admin-overview{flex-wrap:wrap}}