.member-role,.staff-role{display:inline-flex;align-items:center;width:max-content;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.role-vip{border-color:rgba(250,204,21,.45);background:rgba(250,204,21,.1);color:#fde047}.role-moderator{border-color:rgba(34,211,238,.45);background:rgba(34,211,238,.1);color:#67e8f9}.role-presenter{border-color:rgba(236,72,153,.45);background:rgba(236,72,153,.1);color:#f9a8d4}.role-admin{border-color:rgba(168,85,247,.5);background:rgba(124,58,237,.14);color:#d8b4fe}.member-card .member-role{margin-top:5px}.account-summary .member-role{margin:3px auto 8px}.staff-area-button{width:100%;justify-content:center}.admin-side .staff-role{margin:-7px 0 12px}.admin-intro{margin:-8px 0 22px;color:var(--muted)}.member-admin-list{display:grid;border:1px solid var(--line);background:var(--panel)}.member-admin-row{display:grid;grid-template-columns:minmax(220px,1fr) 180px 90px;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.member-admin-row:last-child{border-bottom:0}.member-admin-row>div{display:grid;gap:3px;min-width:0}.member-admin-row>div span{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis}.member-admin-row .input{padding:9px 10px}.member-admin-row .btn{padding:9px 12px}@media(max-width:760px){.member-admin-row{grid-template-columns:1fr 1fr}.member-admin-row>div{grid-column:1/-1}.member-admin-row .btn{width:100%}.account-summary .member-role{margin-left:0}}