.member-list-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:30px 0 14px}.member-list-heading h2{margin:0}.member-list-heading label{width:min(100%,390px);margin:0}.member-list{border:1px solid #294568;border-radius:14px;overflow:hidden;background:#0c1d3a}.member-list-columns,.member-list-row{display:grid;grid-template-columns:minmax(250px,1.3fr) minmax(140px,.7fr) minmax(220px,1fr) 125px 100px;align-items:center;gap:14px}.member-list-columns{padding:11px 20px 11px 82px;background:#07162d;color:#aebbd0;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.member-list-row{position:relative;width:100%;padding:15px 20px 15px 82px;border:0;border-top:1px solid #294568;border-radius:0;background:#102544;color:#fff;text-align:left;cursor:pointer}.member-list-row:hover,.member-list-row:focus-visible{background:#19375f;outline:2px solid var(--gold);outline-offset:-2px}.member-list-row[hidden]{display:none}.member-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#164c8f;color:var(--gold);font-size:18px;font-weight:800}.member-list-row>.member-avatar{position:absolute;left:22px}.member-identity{display:grid;min-width:0}.member-identity small{overflow:hidden;text-overflow:ellipsis}.member-roles{color:#c3cddd;font-size:12px}.member-open{color:var(--gold);text-align:right}.member-dialog{width:min(94vw,820px);max-height:92vh;overflow:auto}.member-dialog-head{display:flex;align-items:center;gap:16px}.member-dialog-head h2,.member-dialog-head p{margin:0}.member-access-form{display:grid;gap:12px}.account-toggle{display:flex;gap:12px;align-items:flex-start;padding:15px;background:#071a35;border:1px solid #315173;border-radius:9px}.account-toggle span{display:grid}.member-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;padding:8px}.member-role-grid label{margin:3px}.protected-role{padding:6px 9px;border-radius:6px;background:#183557;color:#cdd6e4}.member-access-form>button{width:100%}.member-history-link{display:block;margin-top:16px;text-align:center}
.membership-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:16px;border:1px solid #315173;border-radius:10px;background:#071a35}.membership-summary div{display:grid;gap:4px}.membership-summary strong{color:var(--gold)}.payment-dialog{width:min(94vw,650px);max-height:90vh;overflow:auto}.payment-rule{margin:4px 0;padding:12px 14px;border-left:4px solid var(--gold);background:#fff4cf;color:#15233c;border-radius:6px}.membership-history{margin-top:20px;border-top:1px solid #315173}.membership-history p{display:flex;justify-content:space-between;gap:20px;padding:10px 0;margin:0;border-bottom:1px solid #294568}.membership-history span{color:#c3cddd;text-align:right;font-size:13px}
@media(max-width:900px){.member-list-columns{display:none}.member-list-row{grid-template-columns:minmax(180px,1fr) 120px 95px;padding-left:76px}.member-list-row .member-roles,.member-list-row .member-open{display:none}}
@media(max-width:620px){.member-list-heading{align-items:stretch;flex-direction:column}.member-list-heading label{width:100%}.member-list-row{grid-template-columns:1fr auto}.member-list-row>span:nth-of-type(3){display:none}.member-role-grid{grid-template-columns:1fr}.member-dialog{padding:20px}}
.credit-permission-toggle{border-color:#2b8e67;background:linear-gradient(90deg,#082b31,#071a35)}.credit-permission-toggle input:checked+span b{color:#5ee0a7}.credit-permission-toggle small{color:#bdc9d8}