.roles-module__H-Bz8W__container{box-sizing:border-box;max-width:1400px;margin:0 auto;padding:24px 32px;font-family:inherit}.roles-module__H-Bz8W__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.roles-module__H-Bz8W__titleArea h1{color:#0f172a;align-items:center;gap:10px;margin:0 0 4px;font-size:20px;font-weight:800;display:flex}.roles-module__H-Bz8W__titleArea p{color:#64748b;margin:0;font-size:13.5px}.roles-module__H-Bz8W__createBtn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 8px #4f46e540}.roles-module__H-Bz8W__createBtn:hover{background:#4338ca;transform:translateY(-1px)}.roles-module__H-Bz8W__layoutGrid{grid-template-columns:280px 1fr;align-items:flex-start;gap:24px;display:grid}@media (max-width:900px){.roles-module__H-Bz8W__layoutGrid{grid-template-columns:1fr}}.roles-module__H-Bz8W__rolesPanel{border:1px solid var(--border-color-default);background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000a}.roles-module__H-Bz8W__rolesPanelTitle{color:#475569;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;font-size:13px;font-weight:800}.roles-module__H-Bz8W__rolesList{flex-direction:column;gap:6px;display:flex}.roles-module__H-Bz8W__roleItem{cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .15s;display:flex}.roles-module__H-Bz8W__roleItem:hover{background:#f1f5f9}.roles-module__H-Bz8W__roleItem.roles-module__H-Bz8W__active{background:#e0e7ff;border-color:#c7d2fe}.roles-module__H-Bz8W__roleNameArea{align-items:center;gap:10px;display:flex}.roles-module__H-Bz8W__roleName{color:#1e293b;font-size:13.5px;font-weight:700}.roles-module__H-Bz8W__roleItem.roles-module__H-Bz8W__active .roles-module__H-Bz8W__roleName{color:#3730a3}.roles-module__H-Bz8W__deleteRoleBtn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:13px;transition:all .15s}.roles-module__H-Bz8W__deleteRoleBtn:hover{color:#dc2626;background:#fee2e2}.roles-module__H-Bz8W__matrixPanel{border:1px solid var(--border-color-default);background:#fff;border-radius:12px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 1px 3px #0000000a}.roles-module__H-Bz8W__matrixHeader{border-bottom:1px solid var(--border-color-default);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-bottom:16px;display:flex}.roles-module__H-Bz8W__matrixHeaderInfo h2{color:#0f172a;align-items:center;gap:8px;margin:0 0 4px;font-size:15px;font-weight:800;display:flex}.roles-module__H-Bz8W__matrixHeaderInfo p{color:#64748b;margin:0;font-size:13px}.roles-module__H-Bz8W__matrixActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.roles-module__H-Bz8W__quickActionBtn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s}.roles-module__H-Bz8W__quickActionBtn:hover{background:var(--border-color-default);color:#0f172a}.roles-module__H-Bz8W__saveBtn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 6px #10b98140}.roles-module__H-Bz8W__saveBtn:hover{background:#059669;transform:translateY(-1px)}.roles-module__H-Bz8W__modulesGrid{flex-direction:column;gap:16px;display:flex}.roles-module__H-Bz8W__moduleCard{border:1px solid var(--border-color-default);background:#fff;border-radius:10px;flex-shrink:0;transition:all .15s;overflow:hidden}.roles-module__H-Bz8W__moduleCard:hover{border-color:#cbd5e1}.roles-module__H-Bz8W__moduleHeader{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.roles-module__H-Bz8W__moduleTitleArea{align-items:center;gap:8px;display:flex}.roles-module__H-Bz8W__moduleIcon{font-size:14px}.roles-module__H-Bz8W__moduleName{color:#1e293b;font-size:13px;font-weight:800}.roles-module__H-Bz8W__moduleActionsCount{color:#64748b;background:var(--border-color-default);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.roles-module__H-Bz8W__moduleToggleBtn{color:#4f46e5;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:700}.roles-module__H-Bz8W__moduleToggleBtn:hover{background:#e0e7ff}.roles-module__H-Bz8W__permissionsList{background:#fff;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:14px 18px;display:grid}.roles-module__H-Bz8W__permLabel{cursor:pointer;background:#fafafa;border:1px solid #f1f5f9;border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.roles-module__H-Bz8W__permLabel:hover{border-color:var(--border-color-default);background:#f8fafc}.roles-module__H-Bz8W__permLabel.roles-module__H-Bz8W__checked{background:#f0fdf4;border-color:#bbf7d0}.roles-module__H-Bz8W__permCheckbox{cursor:pointer;accent-color:#10b981;width:16px;height:16px;margin-top:3px}.roles-module__H-Bz8W__permText{flex-direction:column;display:flex}.roles-module__H-Bz8W__permActionName{color:#1e293b;font-size:13px;font-weight:700}.roles-module__H-Bz8W__permActionDesc{color:#64748b;font-size:11px;line-height:1.3}.roles-module__H-Bz8W__modalOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;z-index:999999!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}.roles-module__H-Bz8W__modalContent{border:1px solid var(--border-color-default);background:#fff;border-radius:16px;flex-direction:column;width:820px;max-width:95vw;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) roles-module__H-Bz8W__modalScale;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes roles-module__H-Bz8W__modalScale{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.roles-module__H-Bz8W__modalHeader{border-bottom:1px solid var(--border-color-default);background:#f8fafc;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.roles-module__H-Bz8W__modalTitle{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:800;display:flex}.roles-module__H-Bz8W__closeBtn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:15px}.roles-module__H-Bz8W__modalForm{flex-direction:column;flex:1;gap:16px;min-height:0;padding:20px 24px;display:flex;overflow-y:auto}.roles-module__H-Bz8W__modalPermissionsList{flex-direction:column;gap:14px;padding-right:2px;display:flex}.roles-module__H-Bz8W__formGroup{flex-direction:column;gap:6px;display:flex}.roles-module__H-Bz8W__formLabel{color:#334155;font-size:12.5px;font-weight:700}.roles-module__H-Bz8W__formInput{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px}.roles-module__H-Bz8W__formInput:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.roles-module__H-Bz8W__modalFooter{border-top:1px solid var(--border-color-default);background:#f8fafc;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.roles-module__H-Bz8W__cancelBtn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.roles-module__H-Bz8W__submitBtn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:700;transition:all .15s}.roles-module__H-Bz8W__submitBtn:hover{background:#4338ca}