.rbac-page{max-width:1500px;margin:0 auto;padding-bottom:40px}.rbac-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.rbac-header h2{margin:0 0 4px;font-size:24px}.rbac-header p,.rbac-permission-head p,.rbac-modal header p{margin:0;color:var(--muted,#6b7280);font-size:13px}.rbac-header-actions{display:flex;gap:8px}.rbac-add{font-weight:700}.rbac-access-strip{display:flex;align-items:center;gap:8px;padding:11px 14px;margin-bottom:14px;border:1px solid #dbe4ee;border-radius:10px;background:#f8fafc;font-size:13px}.rbac-access-strip>span:last-child{color:#64748b}.rbac-access-dot{width:9px;height:9px;border-radius:50%;background:#94a3b8}.rbac-access-dot.on{background:#10b981;box-shadow:0 0 0 4px #d1fae5}.rbac-alert{display:flex;justify-content:space-between;align-items:center;margin:10px 0;padding:10px 13px;border-radius:8px;font-size:13px}.rbac-alert button{border:0;background:transparent;font-size:20px;cursor:pointer}.rbac-alert.error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.rbac-alert.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.rbac-tabs{display:flex;gap:4px;border-bottom:1px solid #dbe4ee;margin-bottom:14px}.rbac-tabs button{border:0;background:transparent;padding:11px 16px;color:#64748b;font-weight:700;cursor:pointer;border-bottom:3px solid transparent}.rbac-tabs button.active{color:#2563eb;border-bottom-color:#2563eb}.rbac-tabs b{margin-left:5px;padding:2px 7px;border-radius:999px;background:#e2e8f0;font-size:11px}.rbac-tabs .active b{background:#dbeafe;color:#1d4ed8}.rbac-filter-card{display:grid;grid-template-columns:minmax(260px,1fr) 190px 160px;gap:10px;align-items:center;margin-bottom:12px;padding:10px!important}.rbac-search{position:relative}.rbac-search span{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:20px;color:#64748b}.rbac-search .input{width:100%;padding-left:36px}.rbac-bulk-bar{display:flex;align-items:center;gap:9px;padding:10px 12px;margin-bottom:10px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:9px}.rbac-bulk-bar .input{max-width:220px}.rbac-users-card{padding:0!important;overflow:hidden}.rbac-card-title{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e5e7eb}.rbac-card-title h3{margin:0}.rbac-card-title span{font-size:12px;color:#64748b}.rbac-user-grid{border:0!important}.rbac-user-grid table{min-width:900px}.rbac-user-grid th{font-size:11px;text-transform:uppercase;letter-spacing:.02em;background:#f8fafc}.rbac-user-grid td{vertical-align:middle}.check-col{width:40px}.rbac-user-name{display:flex;align-items:center;gap:10px}.rbac-user-name div{display:flex;flex-direction:column;gap:2px}.rbac-user-name small,.rbac-contact{display:block;color:#94a3b8;font-size:11px;margin-top:2px}.rbac-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e0e7ff;color:#3730a3;font-weight:800}.rbac-status{display:inline-block;padding:5px 9px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:800}.rbac-status.active{background:#ecfdf5;color:#059669}.rbac-role-pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:800}.rbac-actions{display:flex;gap:6px}.rbac-actions button{display:inline-flex;gap:5px;align-items:center;border:1px solid #dbe4ee;background:#fff;border-radius:7px;padding:6px 8px;cursor:pointer;color:#2563eb;font-size:12px}.rbac-actions button:hover{background:#eff6ff}.rbac-empty{text-align:center;padding:30px;color:#64748b}.rbac-role-toolbar{display:grid;grid-template-columns:240px 1fr auto;gap:14px;align-items:end;margin-bottom:12px}.rbac-role-toolbar label{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.rbac-role-summary{display:flex;flex-direction:column}.rbac-role-summary span{font-size:12px;color:#64748b}.rbac-role-buttons{display:flex;gap:8px}.rbac-note{padding:10px 12px;margin-bottom:10px;border:1px solid #fde68a;background:#fffbeb;border-radius:8px;color:#92400e;font-size:13px}.rbac-permission-card{padding:0!important;overflow:hidden}.rbac-permission-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-bottom:1px solid #e5e7eb}.rbac-permission-head h3{margin:0 0 3px}.rbac-perm-search{display:flex;gap:7px;align-items:center}.rbac-perm-search .input{min-width:220px}.rbac-permission-grid{max-height:62vh;overflow:auto;border:0!important}.rbac-permission-grid table{border-collapse:separate;border-spacing:0;width:100%;min-width:920px}.rbac-permission-grid th,.rbac-permission-grid td{padding:11px 10px;border-bottom:1px solid #e5e7eb;text-align:center;background:#fff}.rbac-permission-grid th{position:sticky;top:0;z-index:3;background:#f8fafc;color:#2563eb;font-size:11px;text-transform:uppercase}.rbac-permission-grid .module-col{position:sticky;left:0;z-index:2;text-align:left;min-width:190px;background:#fff}.rbac-permission-grid th.module-col{z-index:4;background:#f8fafc;color:#64748b}.rbac-permission-grid .module-col strong,.rbac-permission-grid .module-col small{display:block}.rbac-permission-grid .module-col small{color:#94a3b8;font-size:10px;margin-top:2px}.all-col{width:65px}.rbac-check{display:inline-grid;place-items:center;cursor:pointer}.rbac-check input{position:absolute;opacity:0;pointer-events:none}.rbac-check span{width:24px;height:24px;display:grid;place-items:center;border:1px solid #cbd5e1;border-radius:6px;color:transparent;background:#fff;font-weight:900}.rbac-check input:checked+span{background:#ecfdf5;border-color:#10b981;color:#059669}.rbac-check input:disabled+span{opacity:.7;cursor:not-allowed}.rbac-na{font-size:10px;color:#94a3b8;font-weight:700}.rbac-switch input{position:absolute;opacity:0}.rbac-switch span{display:inline-block;width:34px;height:20px;border-radius:999px;background:#cbd5e1;position:relative;vertical-align:middle;cursor:pointer}.rbac-switch span:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.15s}.rbac-switch input:checked+span{background:#2563eb}.rbac-switch input:checked+span:after{left:17px}.rbac-sticky-save{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fffbeb;border-top:1px solid #fde68a;color:#92400e;font-size:12px}.rbac-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0f172a7a;display:flex;align-items:center;justify-content:center;padding:18px}.rbac-modal{width:min(1080px,96vw);max-height:92vh;display:flex;flex-direction:column;background:#fff;border-radius:14px;box-shadow:0 24px 80px #0f172a4d;overflow:hidden}.rbac-modal header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 18px;border-bottom:1px solid #e5e7eb}.rbac-modal header h2{margin:0 0 3px;font-size:20px}.rbac-close{border:0;background:transparent;font-size:30px;line-height:24px;color:#94a3b8;cursor:pointer}.rbac-modal-body{padding:16px 18px;overflow:auto}.rbac-modal footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid #e5e7eb;background:#fff}.rbac-inline-error{padding:9px 11px;margin-bottom:12px;border-radius:7px;background:#fff1f2;border:1px solid #fecdd3;color:#be123c;font-size:12px}.rbac-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rbac-form-grid.one{grid-template-columns:1fr}.rbac-form-grid label{font-size:12px;color:#475569}.rbac-form-grid label b,.rbac-role-picker h3 b{color:#dc2626}.rbac-form-grid .input{display:block;width:100%;margin-top:5px}.rbac-role-picker{margin-top:16px;border:1px solid #dbe4ee;border-radius:10px;overflow:hidden}.rbac-role-picker-head{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;background:#f8fafc}.rbac-role-picker-head h3{margin:0;font-size:14px}.rbac-role-picker-head p{margin:2px 0 0;color:#64748b;font-size:11px}.rbac-role-picker-head>span{align-self:center;padding:5px 9px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:11px;font-weight:800}.rbac-role-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.rbac-role-options button{text-align:left;position:relative;padding:10px 30px 10px 10px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;cursor:pointer}.rbac-role-options button.selected{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 1px #2563eb}.rbac-role-options strong,.rbac-role-options small{display:block}.rbac-role-options small{margin-top:2px;color:#64748b;font-size:10px}.rbac-role-options i{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-style:normal;color:#2563eb;font-weight:900}.rbac-role-preview{margin-top:14px;border:1px solid #dbe4ee;border-radius:10px;overflow:hidden}.rbac-role-preview-head{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:#f8fafc}.rbac-role-preview-head h3{margin:0;font-size:13px}.rbac-role-preview-head button{border:0;background:transparent;color:#2563eb;font-size:11px;font-weight:700;cursor:pointer}.rbac-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.rbac-preview-grid>div{padding:9px 12px;border-bottom:1px solid #f1f5f9}.rbac-preview-grid strong,.rbac-preview-grid span{display:block}.rbac-preview-grid strong{font-size:11px}.rbac-preview-grid span{font-size:10px;color:#64748b;margin-top:2px}.role-modal{width:min(560px,94vw)}.security-modal{width:min(1200px,96vw)}.rbac-security-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-bottom:16px}.rbac-security-actions label{font-size:12px}.rbac-security-actions .input{display:block;margin-top:4px}.security-modal h3{font-size:14px;margin:16px 0 8px}@media(max-width:900px){.rbac-header{align-items:flex-start}.rbac-filter-card{grid-template-columns:1fr 1fr}.rbac-search{grid-column:1/-1}.rbac-role-toolbar{grid-template-columns:1fr}.rbac-role-buttons{justify-content:flex-start}.rbac-permission-head{align-items:flex-start;flex-direction:column}.rbac-perm-search{width:100%;flex-wrap:wrap}.rbac-perm-search .input{flex:1;min-width:180px}.rbac-form-grid,.rbac-role-options{grid-template-columns:1fr 1fr}}@media(max-width:600px){.rbac-page{padding-left:8px!important;padding-right:8px!important}.rbac-header{flex-direction:column}.rbac-header-actions{width:100%}.rbac-header-actions .button{flex:1}.rbac-access-strip{align-items:flex-start;flex-wrap:wrap}.rbac-access-strip>span:last-child{width:100%;padding-left:17px}.rbac-tabs button{flex:1;padding:10px 7px;font-size:12px}.rbac-filter-card{grid-template-columns:1fr}.rbac-search{grid-column:auto}.rbac-bulk-bar{align-items:stretch;flex-direction:column}.rbac-bulk-bar .input{max-width:none}.rbac-actions button span{display:none}.rbac-modal-backdrop{padding:0;align-items:flex-end}.rbac-modal{width:100vw;max-height:94vh;border-radius:14px 14px 0 0}.rbac-form-grid,.rbac-role-options,.rbac-preview-grid{grid-template-columns:1fr}.rbac-role-picker-head{align-items:flex-start;flex-direction:column}.rbac-perm-search .button{flex:1}.rbac-modal footer .button{flex:1}}.rbac-page{width:100%;min-width:0;max-width:1500px;box-sizing:border-box}.rbac-page .rbac-role-toolbar,.rbac-page .rbac-permission-card{min-width:0;max-width:100%;box-sizing:border-box}.rbac-page .rbac-permission-card{display:flex;flex-direction:column;overflow:hidden}.rbac-page .rbac-permission-head{flex:0 0 auto;min-width:0}.rbac-page .rbac-permission-grid{display:block;flex:0 0 auto;box-sizing:border-box;width:100%;max-width:100%;height:clamp(320px,55vh,620px);max-height:none!important;min-height:320px;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;border:0!important;position:relative}.rbac-page .rbac-permission-grid table{width:100%;min-width:920px;table-layout:fixed;border-collapse:separate;border-spacing:0}.rbac-page .rbac-permission-grid th,.rbac-page .rbac-permission-grid td{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:48px}.rbac-page .rbac-permission-grid th{position:sticky!important;top:0!important;z-index:6!important;background:#f8fafc!important}.rbac-page .rbac-permission-grid .module-col{position:sticky!important;left:0!important;width:195px;min-width:195px;max-width:195px;white-space:normal;z-index:4!important}.rbac-page .rbac-permission-grid th.module-col{z-index:8!important;background:#f8fafc!important}.rbac-page .rbac-permission-grid .all-col{width:68px;min-width:68px}.rbac-page .rbac-permission-grid .rbac-switch,.rbac-page .rbac-permission-grid .rbac-check{display:inline-grid;place-items:center;position:relative;vertical-align:middle;min-width:34px;min-height:26px;margin:0;cursor:pointer}.rbac-page .rbac-permission-grid .rbac-switch input,.rbac-page .rbac-permission-grid .rbac-check input{position:absolute!important;width:100%!important;height:100%!important;left:0!important;top:0!important;opacity:0!important;z-index:2;cursor:pointer;pointer-events:auto!important;margin:0!important}.rbac-page .rbac-permission-grid .rbac-switch input:focus-visible+span,.rbac-page .rbac-permission-grid .rbac-check input:focus-visible+span{outline:2px solid #2563eb;outline-offset:2px}.rbac-page .rbac-sticky-save{position:relative;bottom:auto;flex:0 0 auto;min-height:55px;box-sizing:border-box;visibility:hidden;background:#fff;border-top:1px solid transparent}.rbac-page .rbac-sticky-save.is-dirty{visibility:visible;background:#fffbeb;border-top-color:#fde68a}.rbac-page .rbac-perm-empty{padding:28px 16px;text-align:center;color:#64748b;font-size:13px}@media(max-width:900px){.rbac-page .rbac-permission-grid{height:clamp(320px,52vh,540px)}.rbac-page .rbac-permission-head{flex-wrap:wrap}.rbac-page .rbac-perm-search{min-width:0}}.rbac-page .rbac-permission-grid{overflow-x:scroll!important;overflow-y:auto!important;scrollbar-width:auto;scrollbar-color:#94a3b8 #f1f5f9;touch-action:pan-x pan-y}.rbac-page .rbac-permission-grid th:not(.module-col):not(.all-col){white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.35;padding:10px;min-width:140px}.rbac-page .rbac-permission-grid td:not(.module-col):not(.all-col){min-width:140px;text-overflow:clip}.rbac-page .rbac-permission-grid .rbac-check span{flex-shrink:0;min-width:24px;min-height:24px}.rbac-page .rbac-permission-grid::-webkit-scrollbar{width:12px;height:14px}.rbac-page .rbac-permission-grid::-webkit-scrollbar-track{background:#f1f5f9}.rbac-page .rbac-permission-grid::-webkit-scrollbar-thumb{background:#94a3b8;border:3px solid #f1f5f9;border-radius:8px}.rbac-permission-views{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid #e5e7eb}.rbac-permission-views>span{font-size:12px;color:#64748b}.rbac-page .rbac-sections-grid{height:clamp(320px,55vh,620px);max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;width:100%;min-width:0;border:0}.rbac-page .rbac-sections-grid table{width:100%;min-width:900px;table-layout:fixed;border-collapse:separate;border-spacing:0}.rbac-page .rbac-sections-grid td,.rbac-page .rbac-sections-grid th{padding:12px;text-align:left;border-bottom:1px solid #e5e7eb;white-space:normal;overflow-wrap:anywhere}.rbac-page .rbac-sections-grid thead th{position:sticky;top:0;z-index:3;background:#f8fafc;color:#2563eb}.rbac-page .rbac-sections-grid thead th:first-child{width:27%}.rbac-page .rbac-sections-grid thead th:nth-child(2){width:40%}.rbac-page .rbac-section-group th{background:#eff6ff;color:#1d4ed8;font-size:13px}.rbac-section-controls{display:grid;gap:9px}.rbac-section-check{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.rbac-page .rbac-section-check input[type=checkbox]{position:static!important;opacity:1!important;-webkit-appearance:auto!important;-moz-appearance:auto!important;appearance:auto!important;display:block!important;flex:0 0 20px;width:20px!important;height:20px!important;margin:2px 0!important;accent-color:#2563eb}.rbac-section-check span{display:block;font-size:13px}.rbac-section-check small{display:block;color:#64748b;font-size:11px;margin-top:3px}