.ac-overline { font-size:9px!important; font-weight:750; letter-spacing:.14em; color:#6c7f9d!important; margin:0 0 7px!important; }
.ac-overview { display:grid; grid-template-columns:1fr 1fr; background:linear-gradient(115deg,#00205b,#06346e); border-radius:16px; padding:30px 32px; color:#cadcf5; gap:28px; margin:24px 0; position:relative; overflow:hidden; }
.ac-overview::after { content:''; width:210px; height:210px; border:1px solid #ffffff10; border-radius:50%; position:absolute; right:-100px; top:-90px; box-shadow:0 0 0 38px #ffffff03,0 0 0 76px #ffffff02; pointer-events:none; }
.ac-overview .eyebrow { color:#8ccef0; font-size:9px; letter-spacing:.14em; }.ac-overview h2 { font-size:28px; color:white; letter-spacing:-.045em; }.ac-overview p:not(.eyebrow) { margin:10px 0 16px; font-size:12px; line-height:1.7; }.ac-overview a { display:inline-flex; align-items:center; gap:10px; color:white; font-weight:600; font-size:12px; border-bottom:1px solid #ffffff30; padding-bottom:5px; }.ac-overview a:hover { border-color:white; }.ac-hero-icon { display:none; }
.ac-overview-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:0; align-items:center; }.ac-overview-stats>div { padding:16px 20px; border-left:1px solid #ffffff20; }.ac-overview-stats span { font-size:10px; color:#acc3e3; display:block; }.ac-overview-stats strong { display:block; font-size:40px; font-weight:600; letter-spacing:-.05em; margin-top:8px; color:white; }
.ac-directory-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:24px; border-bottom:1px solid #edf1f6; }.ac-directory-heading h2 { font-size:18px; }.ac-directory-heading p { margin-top:6px; font-size:12px; color:var(--muted); }.ac-count-pill { padding:6px 10px; border-radius:30px; background:#edf3fc; color:var(--navy); font-size:11px; white-space:nowrap; }
.ac-table { min-width:820px; }.ac-table th:first-child,.ac-table td:first-child { width:auto; }.ac-table .pm-person { min-width:200px; }.ac-table .pm-person small { font-size:11px; overflow-wrap:anywhere; }.ac-table .pm-row-actions { justify-content:flex-end; }.ac-table .pm-row-actions .icon { margin:0; }.ac-table .pm-row-actions a { gap:5px; }.ac-table .pm-row-actions button:disabled { background:#f5f7fa; color:#8e9cb0; }
.ac-role { display:inline-block; padding:5px 9px; font-size:10px; font-weight:650; border-radius:6px; background:#edf3fc; color:#315a94; margin:2px 0; white-space:nowrap; }.ac-role-super_admin { color:#00205b; background:#e7edfa; }.ac-role-club_admin { color:#00658f; background:#e8f6fd; }.ac-role-team_manager { color:#536481; background:#edf1f7; }.ac-role-player { color:#51645b; background:#eef4f0; }.ac-you { font-weight:500; color:#8592a5; font-size:10px; padding-left:7px; }.ac-access { color:#62758d; font-size:11px; }.ac-footnote { display:flex; align-items:center; gap:8px; font-size:11px; color:#71829a; margin-top:20px; }.ac-footnote .icon { width:14px; height:14px; }
.ac-form-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:24px; align-items:start; }.ac-form-main { display:grid; gap:24px; }.ac-access-preview { background:white; border:1px solid #dde6f3; border-radius:14px; overflow:hidden; position:sticky; top:100px; box-shadow:0 5px 20px #00205b05; }.ac-access-preview-heading { padding:24px; background:linear-gradient(140deg,#f0f6ff,#fafcff); border-bottom:1px solid #e3ebf6; }.ac-access-preview-heading>.icon { width:28px; height:28px; color:var(--navy); margin-bottom:16px; }.ac-access-preview-heading .eyebrow { font-size:9px; }.ac-access-preview-heading h2 { font-size:19px; }.ac-access-preview-heading p:last-child { font-size:12px; color:#677c99; margin-top:9px; }.ac-access-preview .ac-permissions { padding:15px 22px; }.ac-access-preview .ac-note { margin:0 20px 20px; }
.ac-permissions { list-style:none; }.ac-permissions li { display:flex; align-items:center; gap:10px; padding:9px 0; font-size:12px; }.ac-permissions .icon { width:16px; height:16px; }.ac-permissions .is-allowed { color:#26496e; }.ac-permissions .is-allowed .icon { color:#0083b8; }.ac-permissions .is-denied { color:#9aa7b8; }.ac-permissions .is-denied .icon { opacity:.65; }
.ac-role-choices { display:grid; gap:10px; padding:0; margin:0; border:0; }.ac-role-choice { display:flex; align-items:center; gap:12px; padding:17px; border:1px solid #e0e7f1; border-radius:10px; cursor:pointer; transition:background 180ms,border-color 180ms,box-shadow 180ms; position:relative; }.ac-role-choice:hover { background:#f8fbff; border-color:#b4cbe7; }.ac-role-choice:has(:checked) { background:#f0f6ff; border-color:#789ec9; box-shadow:0 0 0 1px #d7e6fa; }.ac-role-choice:has(:disabled) { opacity:.55; cursor:not-allowed; }.ac-role-choice input { width:17px; height:17px; accent-color:var(--navy); flex-shrink:0; }.ac-choice-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:9px; background:#edf3fd; color:var(--navy); flex-shrink:0; }.ac-role-choice strong { font-size:13px; color:var(--navy); display:block; }.ac-role-choice small { display:block; font-size:11px; color:#75869d; margin-top:5px; line-height:1.6; }.ac-checkmark { margin-left:auto; color:var(--navy); opacity:0; }.ac-role-choice:has(:checked) .ac-checkmark { opacity:1; }
.ac-password-wrap { position:relative; }.ac-password-wrap input { padding-right:46px!important; }.ac-password-wrap button { position:absolute; right:3px; top:3px; height:38px; width:38px; background:none; border:0; color:#667d9b; display:grid; place-items:center; }.ac-password-wrap button .icon { width:17px; }.ac-password-feedback { margin-top:16px; height:auto; border-top:3px solid #edf2f7; position:relative; }.ac-password-feedback>span { position:absolute; height:3px; background:#0098da; top:-3px; left:0; width:0; transition:width 200ms; }.ac-password-feedback>span.is-ready { background:#176749; }.ac-password-feedback small { display:block; margin-top:9px; font-size:11px; color:var(--muted); }
.ac-note { padding:13px 15px; background:#f5f8fc; border:1px solid #e6edf6; border-radius:8px; color:#6b7f99; font-size:11px; line-height:1.7; }.ac-detail-body { display:grid; grid-template-columns:1fr 1fr; padding:30px; gap:40px; }.ac-detail-body h3 { font-size:16px; }.ac-detail-roles { margin-left:auto; }.ac-facts { margin:24px 0; }.ac-facts>div { padding:13px 0; border-bottom:1px solid #edf1f6; }.ac-facts dt { font-size:11px; color:#7c8ba1; margin-bottom:7px; }.ac-facts dd { font-size:13px; margin:0; overflow-wrap:anywhere; }.ac-muted { color:var(--muted); font-size:12px; margin:8px 0 16px; }
.ac-role-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:25px 0; }.ac-role-card { text-align:left; display:flex; flex-direction:column; align-items:start; border:1px solid #e0e7f1; padding:22px; border-radius:13px; background:white; transition:transform 180ms,box-shadow 180ms,border-color 180ms; }.ac-role-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px #00205b0c; border-color:#b6c9e3; }.ac-role-card[aria-pressed=true] { border-color:#00205b; background:#f6f9ff; box-shadow:0 0 0 1px #00205b; }.ac-role-card-icon { display:grid; place-items:center; width:40px; height:40px; background:#eef4fd; color:var(--navy); border-radius:10px; margin-bottom:18px; }.ac-role-card[aria-pressed=true] .ac-role-card-icon { background:var(--navy); color:white; }.ac-role-card-name { font-size:16px; font-weight:700; color:var(--navy); margin-bottom:9px; }.ac-role-card>span:not([class]) { color:#718198; font-size:11px; line-height:1.7; flex:1; }.ac-role-card small { display:flex; justify-content:space-between; width:100%; gap:8px; margin-top:20px; color:var(--navy); font-size:10px; font-weight:650; }.ac-role-card small .icon { width:14px; height:14px; }
.ac-role-detail-body { display:grid; grid-template-columns:1.3fr 1fr; padding:28px; gap:32px; }.ac-role-detail-body h3 { font-size:14px; margin-bottom:16px; }.ac-role-detail-body>aside>p { font-size:12px; line-height:1.8; color:#73849b; margin-bottom:18px; }.ac-role-detail .ac-permissions { display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }.ac-matrix { margin-top:22px; border:1px solid #e0e7f1; background:white; border-radius:12px; overflow:hidden; }.ac-matrix summary { cursor:pointer; padding:22px 24px; font-weight:650; color:var(--navy); font-size:13px; }.ac-matrix summary>span { color:#8996a8; font-size:11px; font-weight:400; margin-left:16px; }.ac-matrix table { min-width:650px; }.ac-matrix td { padding:14px 24px; }.ac-matrix td strong { display:block; font-size:12px; font-weight:500; }.ac-matrix td small { display:block; margin-top:4px; font-size:10px; color:#8291a7; }.ac-matrix .ac-granted { color:#0081aa; }.ac-matrix .ac-not-granted { color:#b8c3d1; }.ac-matrix .icon { width:16px; height:16px; }
.ac-dialog-symbol { display:grid; place-items:center; width:46px; height:46px; color:#c30026; background:#fff0f3; border-radius:12px; margin-bottom:20px; }.ac-content .ws-segments .icon { width:15px; height:15px; margin-right:6px; }.ac-content .pm-empty>.icon { height:36px; width:36px; margin-bottom:18px; color:#8da7c9; }
@media(max-width:1200px) { .ac-overview { grid-template-columns:1fr; }.ac-overview-stats>div:first-child { border-left:0; padding-left:0; }.ac-form-layout { grid-template-columns:minmax(0,1fr) 260px; gap:18px; }.ac-role-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }.ac-role-detail-body { grid-template-columns:1fr; }.ac-choice-icon { display:none; } }
@media(max-width:1000px) { .ac-form-layout { grid-template-columns:1fr; }.ac-access-preview { position:static; }.ac-access-preview .ac-permissions { display:grid; grid-template-columns:1fr 1fr; gap:0 16px; } }
@media(max-width:767px) { .ac-overview { padding:25px 22px; gap:16px; }.ac-overview h2 { font-size:26px; }.ac-overview-stats>div { padding:12px; }.ac-overview-stats span { font-size:9px; }.ac-overview-stats strong { font-size:32px; }.ac-directory-heading { padding:20px 16px; flex-wrap:wrap; }.ac-content .sa-page-heading>.button { width:100%; }.ac-table { min-width:0; }.ac-table tr { gap:14px; }.ac-table td:first-child { grid-column:1/-1; grid-row:1; justify-self:stretch; }.ac-table td:nth-child(2) { grid-row:auto; grid-column:1; }.ac-table td:nth-child(3) { grid-column:2; margin:0; }.ac-table td:nth-child(n+2)::before { content:attr(data-label); display:block; font-size:10px; color:#8796ab; margin-bottom:6px; }.ac-table td:last-child { grid-column:1/-1; }.ac-table td:last-child::before { display:none; }.ac-table .pm-row-actions { justify-content:flex-start; }.ac-table .pm-person { min-width:0; }.ac-footnote { align-items:start; line-height:1.7; }.ac-role-cards { gap:12px; }.ac-role-card { padding:16px; }.ac-role-card-name { font-size:14px; }.ac-role-card small { font-size:9px; }.ac-role-detail .ac-permissions,.ac-access-preview .ac-permissions { grid-template-columns:1fr; }.ac-role-detail-body { padding:22px; gap:20px; }.ac-detail-body { grid-template-columns:1fr; padding:22px; gap:28px; }.ac-detail-roles { margin-left:0; }.ac-role-choice { padding:14px 12px; gap:10px; }.ac-matrix summary>span { display:block; margin:8px 0 0; } }