.permission-shortcut{min-height:42px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid #0c8e79;border-radius:9px;background:linear-gradient(135deg,#0d8875,#11a188);color:#fff;text-decoration:none;font-size:11px;font-weight:800}.role-banner,.permission-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding:20px 23px;border-radius:13px;background:linear-gradient(110deg,#06274b,#0b4f88);color:#fff}.role-banner span,.permission-hero span{color:#70c1ff;font-size:9px;font-weight:800;letter-spacing:.1em}.role-banner h2,.permission-hero h2{margin:6px 0 4px;font-size:21px}.role-banner p,.permission-hero p{margin:0;color:#c3ddf2;font-size:10px}.role-banner>div:last-child{display:flex;align-items:center;gap:9px}.role-banner b{padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.09);font-size:10px}.role-banner i{color:#7cc6ff}.role-summary{grid-template-columns:repeat(4,1fr)!important}.role-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) 170px 140px auto auto auto}.role-type{padding:5px 8px;border-radius:7px;background:#edf5ff;color:#145d9f;font-size:9px;font-weight:800}.role-description{white-space:normal!important;max-width:260px}.row-actions a{width:29px;height:29px;display:grid;place-items:center;border:1px solid #dce5ed;border-radius:6px;color:#1769c2;background:#fff;text-decoration:none}.permission-hero>div:last-child{text-align:center}.permission-hero>div:last-child strong,.permission-hero>div:last-child small{display:block}.permission-hero>div:last-child strong{font-size:28px}.permission-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px}.permission-roles,.permission-matrix{border:1px solid #d8e3ef;border-radius:12px;background:#fff;overflow:hidden}.permission-roles header,.permission-matrix>header{padding:13px 15px;border-bottom:1px solid #e2e9f1;background:#f8fbff}.permission-roles header small,.permission-matrix header small{color:#1670bd;font-size:8px;font-weight:800}.permission-roles h2,.permission-matrix h2{margin:3px 0;color:#12395f;font-size:14px}.permission-roles>a{display:flex;align-items:center;gap:9px;margin:7px;padding:10px;border:1px solid transparent;border-radius:8px;color:inherit;text-decoration:none}.permission-roles>a.active{border-color:#5a9ed8;background:#eaf4ff}.permission-roles>a>i{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#e5f1ff;color:#1269b8;font-style:normal;font-weight:800}.permission-roles>a span{flex:1}.permission-roles strong,.permission-roles small{display:block}.permission-roles strong{font-size:10px}.permission-roles small{color:#8292a4;font-size:8px}.permission-matrix>header{display:flex;align-items:center;justify-content:space-between}.permission-matrix>header>div:last-child{display:flex;gap:5px}.permission-matrix>header button{padding:5px 7px;border:1px solid #d2dfeb;border-radius:6px;background:#fff;color:#1766ac;font-size:8px}.permission-table-wrap table{width:100%;border-collapse:collapse}.permission-table-wrap th,.permission-table-wrap td{height:48px;padding:6px 10px;border-bottom:1px solid #edf1f4;text-align:center;font-size:9px}.permission-table-wrap th:first-child,.permission-table-wrap td:first-child{text-align:left}.permission-table-wrap input[type=checkbox]{width:17px;height:17px;accent-color:#1269b8}.permission-module{display:flex;align-items:center;gap:8px}.permission-module i{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e7f2ff;color:#1269b8;font-style:normal;font-weight:800}.permission-module strong,.permission-module small{display:block}.permission-module small{color:#8391a1}.permission-matrix form>footer{display:flex;align-items:center;padding:13px 15px;background:#f8fbff}.permission-matrix footer>div{margin-right:auto}.permission-matrix footer strong,.permission-matrix footer span{display:block}.permission-matrix footer strong{font-size:10px}.permission-matrix footer span{color:#8492a2;font-size:8px}.permission-matrix footer button{height:35px;padding:0 13px;border:0;border-radius:7px;background:#0d65b0;color:#fff;font-size:9px}@media(max-width:900px){.permission-layout{grid-template-columns:1fr}.role-summary{grid-template-columns:repeat(2,1fr)!important}}