#style-3::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #535151;background-color:#f5f5f5}#style-3::-webkit-scrollbar{width:6px;background-color:#f5f5f5}#style-3::-webkit-scrollbar-thumb{background-color:#535151}.divhidden{visibility:hidden}.frams{cursor:pointer;width:685px;height:230px;background-color:#bdcbe2;border-style:dotted;border-width:2px;border-radius:17px;border-color:#385e97}.disabled-row{background-color:#f1de6e;pointer-events:none}.checkboxcss{background-color:#f0f2f5;margin:6px;padding:5px;border-style:dotted;border-width:1px;border-color:#d0d2d5}.overflow-auto{overflow-y:auto}.radio-group{display:flex;flex-direction:column}.item-container{display:flex;align-items:center;padding:10px;margin-bottom:10px;border:1px solid #eaeaea;border-radius:5px;background-color:#f9f9f9}.avatar{margin-right:10px}.text-container{display:flex;flex-direction:column;justify-content:center}.displayname{font-size:18px;font-weight:700;margin-bottom:5px}.radio-button{display:flex;align-items:center}.cssSelected{font-size:16px;font-weight:700;padding-top:.28rem;background:linear-gradient(-45deg,#fff,#73bcda,#bfe7f7)}.cssUnSelected{font-size:15px;padding-top:.28rem;background:linear-gradient(-45deg,#fff,#d8edf5,#fff)}.permissions-container{padding:16px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.global-controls{margin-bottom:24px}.control-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.06)}.control-header h4{margin:0;color:#2c3e50;font-weight:600}.global-buttons{display:flex;gap:8px}.permission-group{margin-bottom:20px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06)}.group-header{justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6}.group-header,.group-title{display:flex;align-items:center}.group-title{gap:12px}.group-icon{color:#1890ff;font-size:18px}.group-name{font-size:16px;font-weight:600;color:#2c3e50}.group-controls{display:flex;gap:8px}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding:20px}.permission-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .3s ease;position:relative}.permission-item:hover{border-color:#1890ff;background:#f0f7ff;transform:translateY(-1px);box-shadow:0 4px 8px rgba(24,144,255,.1)}.permission-item.selected{border-color:#1890ff;background:#e6f7ff}.permission-checkbox{flex-shrink:0}.permission-content{flex:1;min-width:0}.permission-title{font-weight:500;color:#2c3e50;margin-bottom:4px;word-break:break-word}.permission-description{font-size:12px;color:#6c757d;line-height:1.3}.permission-icon{flex-shrink:0;font-size:18px;color:#d0d0d0;transition:all .3s ease}.selected-icon{color:#1890ff!important}.selection-summary{margin-top:20px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e9ecef}.summary-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:#2c3e50}.summary-tags{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:768px){.control-header,.group-header{flex-direction:column;gap:12px;align-items:stretch}.permissions-grid{grid-template-columns:1fr}.permission-item{padding:16px}.summary-tags{flex-direction:column}}@media (max-width:576px){.permissions-container{padding:12px}.permissions-grid{padding:16px;gap:8px}.permission-item{padding:12px}}