.role-edit-page[data-v-519a2ae0]{padding:0}.page-header[data-v-519a2ae0]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.header-left[data-v-519a2ae0]{align-items:center;gap:12px;display:flex}.btn-back[data-v-519a2ae0]{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.btn-back[data-v-519a2ae0]:hover{background:#f3f4f6;border-color:#d1d5db}.page-header h2[data-v-519a2ae0]{color:#1a2332;margin:0;font-size:20px;font-weight:600}.role-slug-badge[data-v-519a2ae0]{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:2px 10px;font-family:monospace;font-size:11px}.header-actions[data-v-519a2ae0]{align-items:center;gap:8px;display:flex}.btn-refresh[data-v-519a2ae0]{cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;transition:all .2s;display:flex}.btn-refresh[data-v-519a2ae0]:hover{background:#e5e7eb}.btn-refresh[data-v-519a2ae0]:disabled{opacity:.6;cursor:not-allowed}.btn-refresh .spin[data-v-519a2ae0]{animation:1s linear infinite spin-519a2ae0}.btn-save[data-v-519a2ae0]{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 24px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-save[data-v-519a2ae0]:hover:not(:disabled){background:#047857}.btn-save[data-v-519a2ae0]:disabled{opacity:.6;cursor:not-allowed}.loading-state[data-v-519a2ae0]{text-align:center;color:#6b7280;justify-content:center;align-items:center;gap:12px;padding:60px;font-size:14px;display:flex}.loading-state .spin[data-v-519a2ae0]{font-size:24px;animation:1s linear infinite spin-519a2ae0}.empty-state[data-v-519a2ae0]{text-align:center;padding:60px 20px}.empty-icon[data-v-519a2ae0]{margin-bottom:12px;font-size:48px}.empty-state h4[data-v-519a2ae0]{color:#1a2332;margin-bottom:8px;font-size:18px}.empty-state p[data-v-519a2ae0]{color:#6b7280;margin-bottom:16px}.stats-bar[data-v-519a2ae0]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px;padding:16px 20px;display:grid}.stat-item[data-v-519a2ae0]{flex-direction:column;gap:2px;display:flex}.stat-label[data-v-519a2ae0]{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.stat-value[data-v-519a2ae0]{color:#1a2332;font-size:16px;font-weight:600}.stat-value.selected[data-v-519a2ae0]{color:#059669}.stat-value .status-badge[data-v-519a2ae0]{border-radius:10px;padding:2px 12px;font-size:12px;font-weight:500}.status-badge.active[data-v-519a2ae0]{color:#065f46;background:#d1fae5}.status-badge.inactive[data-v-519a2ae0]{color:#991b1b;background:#fee2e2}.progress-wrapper[data-v-519a2ae0]{align-items:center;gap:10px;display:flex}.progress-bar[data-v-519a2ae0]{background:#e5e7eb;border-radius:3px;flex:1;min-width:60px;height:6px;overflow:hidden}.progress-fill[data-v-519a2ae0]{background:#059669;border-radius:3px;height:100%;transition:width .3s}.edit-content[data-v-519a2ae0]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.edit-section[data-v-519a2ae0]{margin-bottom:28px}.edit-section[data-v-519a2ae0]:last-child{margin-bottom:0}.section-header[data-v-519a2ae0]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.section-header h3[data-v-519a2ae0]{color:#1a2332;margin:0;font-size:16px;font-weight:600}.section-actions[data-v-519a2ae0]{gap:8px;display:flex}.btn-sm[data-v-519a2ae0]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:4px 14px;font-size:11px;transition:all .2s}.btn-sm[data-v-519a2ae0]:hover{background:#f3f4f6}.btn-outline[data-v-519a2ae0]{background:0 0}.basic-info .form-row[data-v-519a2ae0]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group[data-v-519a2ae0]{margin-bottom:12px}.form-group label[data-v-519a2ae0]{color:#4b5563;margin-bottom:4px;font-size:11px;font-weight:500;display:block}.required[data-v-519a2ae0]{color:#ef4444}.form-input[data-v-519a2ae0]{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px;font-size:13px;transition:all .2s}.form-input[data-v-519a2ae0]:focus{border-color:#059669;outline:none;box-shadow:0 0 0 3px #0596691a}.form-input[data-v-519a2ae0]:disabled{cursor:not-allowed;background:#f3f4f6}.form-hint[data-v-519a2ae0]{color:#9ca3af;font-size:10px}.form-check[data-v-519a2ae0]{align-items:center;gap:8px;padding-top:4px;display:flex}.form-check input[type=checkbox][data-v-519a2ae0]{cursor:pointer;width:16px;height:16px}.form-check label[data-v-519a2ae0]{cursor:pointer;color:#4b5563;font-size:13px}.modules-grid[data-v-519a2ae0]{grid-template-columns:1fr;gap:8px;display:grid}.module-card[data-v-519a2ae0]{border:1px solid #e5e7eb;border-radius:8px;transition:all .2s;overflow:hidden}.module-card[data-v-519a2ae0]:hover{border-color:#d1d5db}.module-card.expanded[data-v-519a2ae0]{border-color:#059669;box-shadow:0 0 0 1px #059669}.module-header[data-v-519a2ae0]{cursor:pointer;background:#f9fafb;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.module-header[data-v-519a2ae0]:hover{background:#f3f4f6}.module-info[data-v-519a2ae0]{align-items:center;gap:10px;display:flex}.module-icon[data-v-519a2ae0]{font-size:18px}.module-name[data-v-519a2ae0]{color:#1a2332;font-size:13px;font-weight:500}.module-count[data-v-519a2ae0]{color:#6b7280;background:#e5e7eb;border-radius:10px;padding:1px 10px;font-size:11px}.module-actions[data-v-519a2ae0]{align-items:center;gap:12px;display:flex}.module-progress[data-v-519a2ae0]{gap:3px;display:flex}.progress-dot[data-v-519a2ae0]{background:#e5e7eb;border-radius:50%;width:8px;height:8px;transition:all .2s}.progress-dot.filled[data-v-519a2ae0]{background:#059669}.toggle-expand[data-v-519a2ae0]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .2s;display:flex}.toggle-expand[data-v-519a2ae0]:hover{background:#f3f4f6;border-color:#9ca3af}.module-body[data-v-519a2ae0]{border-top:1px solid #e5e7eb;padding:12px 16px 16px}.module-toolbar[data-v-519a2ae0]{gap:8px;margin-bottom:10px;display:flex}.module-toolbar .btn-sm[data-v-519a2ae0]{padding:2px 10px;font-size:10px}.permission-items[data-v-519a2ae0]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px;display:grid}.permission-item[data-v-519a2ae0]{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:12px;transition:all .15s;display:flex}.permission-item[data-v-519a2ae0]:hover{background:#f3f4f6}.permission-item input[type=checkbox][data-v-519a2ae0]{cursor:pointer;width:14px;height:14px}.permission-name[data-v-519a2ae0]{color:#1a2332}.permission-slug[data-v-519a2ae0]{color:#9ca3af;font-family:monospace;font-size:9px}.edit-actions[data-v-519a2ae0]{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;display:flex}.btn-cancel[data-v-519a2ae0]{cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px 20px;font-size:13px;transition:all .2s}.btn-cancel[data-v-519a2ae0]:hover{background:#e5e7eb}.btn-primary[data-v-519a2ae0]{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:6px;padding:8px 20px;font-size:13px}.btn-primary[data-v-519a2ae0]:hover{background:#047857}@keyframes spin-519a2ae0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.page-header[data-v-519a2ae0]{flex-direction:column;align-items:stretch;gap:12px}.header-left[data-v-519a2ae0]{flex-wrap:wrap}.stats-bar[data-v-519a2ae0]{grid-template-columns:1fr 1fr}.basic-info .form-row[data-v-519a2ae0],.permission-items[data-v-519a2ae0]{grid-template-columns:1fr}.edit-actions[data-v-519a2ae0]{flex-direction:column}.edit-actions .btn-save[data-v-519a2ae0],.edit-actions .btn-cancel[data-v-519a2ae0]{text-align:center;justify-content:center;width:100%}}