.permission-hidden{display:none!important}.role-list{display:grid;gap:12px}.role-card{display:grid;grid-template-columns:minmax(210px,1fr) 80px minmax(260px,2fr) auto;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:16px}.role-card h3{margin:6px 0 3px}.role-card p{margin:0;color:var(--muted);font-size:13px}.role-code{font-size:11px;letter-spacing:.08em;color:#a52138}.role-permission-summary{display:flex;gap:6px;flex-wrap:wrap}.role-permission-summary span,.role-permission-summary small{padding:5px 8px;border-radius:999px;background:#f6efec;font-size:12px}.locked-role{color:var(--muted);font-size:13px}.danger{color:#b42318!important}.account-row select{max-width:180px}.permission-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:55vh;overflow:auto;margin-top:18px}.permission-matrix fieldset{margin:0;padding:14px;border:1px solid var(--line);border-radius:14px}.permission-matrix legend label{font-weight:800}.permission-matrix fieldset>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:7px}.permission-matrix label{display:flex;align-items:center;gap:7px;margin:0}#roleDialog{width:min(860px,94vw)}#roleForm{padding:28px}@media(max-width:1000px){.role-card{grid-template-columns:1fr auto}.role-permission-summary{grid-column:1/-1}.permission-matrix{grid-template-columns:1fr}}@media(max-width:640px){.permission-matrix fieldset>div{grid-template-columns:1fr}}