@charset "UTF-8";.table-container{background:var(--bg-surface);border-radius:12px;padding:24px;box-shadow:var(--shadow-xs)}.table-container table{width:100%;border-collapse:separate;border-spacing:0}.table-container table thead th{background:var(--bg-base);color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;border-bottom:1px solid var(--border-color);text-align:left;font-weight:600}.table-container table tbody tr{transition:background .2s}.table-container table tbody tr:hover{background:var(--bg-hover)}.table-container table tbody tr td{padding:16px;border-bottom:1px solid var(--bg-hover);color:var(--text-primary);font-size:.875rem}.actions-cell{display:flex;gap:8px}.actions-cell .btn-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-surface);cursor:pointer;transition:all .2s}.actions-cell .btn-action svg{width:16px;height:16px;display:block}.actions-cell .btn-action.edit:hover{background:var(--bg-hover);border-color:var(--border-color)}.actions-cell .btn-action.delete:hover{background:var(--error-bg);border-color:var(--error-border)}.actions-cell .btn-action.delete:hover svg{color:#ef4444}.badge{padding:4px 12px;border-radius:9999px;font-size:.7rem;font-weight:600;border:1px solid transparent}.badge.active{background:var(--badge-green-bg);color:var(--badge-green-text);border-color:var(--badge-green-bg)}.badge.inactive{background:var(--badge-red-bg);color:var(--badge-red-text);border-color:var(--badge-red-bg)}.badge.archived{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-color)}.badge.suspended{background:var(--badge-yellow-bg);color:var(--badge-yellow-text);border-color:var(--badge-yellow-bg)}.badge.info{background:var(--badge-blue-bg);color:var(--badge-blue-text);border-color:var(--badge-blue-border)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.metrics-grid .metric-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;box-shadow:var(--shadow-xs)}.metrics-grid .metric-card .label{font-size:.875rem;color:var(--text-secondary);margin-bottom:4px}.metrics-grid .metric-card .value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.page-container{padding:32px;background-color:var(--bg-base);min-height:100vh;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-inner{max-width:56rem;margin:0 auto;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.main-content{max-width:56rem;margin:0 auto}.back-link{display:inline-flex;align-items:center;font-size:.875rem;font-weight:500;color:var(--text-primary);text-decoration:none;background:none;border:none;margin-bottom:24px;cursor:pointer}.back-link:hover{color:var(--text-secondary)}.back-icon{width:1rem;height:1rem;margin-right:8px;flex-shrink:0}.header-section{margin-bottom:24px}.header-section h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.header-section p{font-size:.875rem;color:var(--text-secondary);margin:0}.form-wrapper{width:100%}.form-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:32px;box-shadow:var(--shadow-xs)}.form-card h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 24px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:8px 12px;font-size:.875rem;line-height:1.5;font-family:inherit;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;outline:none;color:var(--text-primary);background-color:var(--bg-surface);transition:all .2s ease}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.form-group input:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}input[type=date]::-webkit-calendar-picker-indicator{filter:var(--calendar-icon-filter, none)}.form-group input:disabled,.form-group select:disabled,.form-group input[disabled],.form-group select[disabled]{background-color:var(--bg-hover)!important;color:#8e8f91!important;border-color:var(--border-color)!important;cursor:not-allowed!important}.divider{border:0;border-top:1px solid var(--border-color);margin:32px 0}.subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:-1rem;margin-bottom:24px}.error-msg{color:var(--error-text);font-size:.875rem;margin-top:16px}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:var(--error-border)!important;box-shadow:0 0 0 1px var(--error-border)!important}.form-group.has-error input:focus,.form-group.has-error select:focus,.form-group.has-error textarea:focus{border-color:var(--color-error)!important;box-shadow:0 0 0 1px var(--color-error)!important}.form-group.has-error label{color:var(--error-text)}.field-error{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--error-text);margin-top:4px;animation:fieldErrorSlideDown .2s ease-out}.field-error svg{flex-shrink:0}@keyframes fieldErrorSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border);border-radius:4px;padding:12px 16px;font-size:.875rem;margin-top:16px}.permisos-container{min-height:60px}.empty-state{font-size:.875rem;color:#8e8f91;font-style:italic}.modulos-list{display:flex;flex-direction:column;gap:16px}.modulo-accordion{border:1px solid var(--border-color);border-radius:4px;background:var(--bg-surface)}.modulo-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;list-style:none;font-weight:600;color:var(--text-primary);font-size:.75rem;letter-spacing:.05em}.modulo-header::-webkit-details-marker{display:none}.modulo-title{display:flex;align-items:center}.chevron{width:1.25rem;height:1.25rem;color:#8e8f91;transition:transform .2s}details[open] .chevron{transform:rotate(180deg)}.modulo-body{padding:16px;border-top:1px solid var(--border-color);background:var(--bg-surface);display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.permiso-item{display:flex;align-items:center}.fake-checkbox{width:1rem;height:1rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-base);display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.fake-checkbox svg{width:.75rem;height:.75rem;color:var(--text-secondary)}.permiso-item span{font-size:.875rem;color:var(--text-primary)}.actions-container{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn{padding:8px 20px;font-size:.875rem;font-weight:600;border-radius:8px;cursor:pointer;border:none;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover:not(:disabled){background:var(--bg-hover);border-color:#8e8f91}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}:root{--primary-50: #F5F0F6;--primary-100: #E8DDE9;--primary-200: #D1BBD4;--primary-300: #BA99BE;--primary-400: #9D6DA4;--primary-500: #703D79;--primary-600: #5E3265;--primary-700: #4B2851;--primary-800: #391E3D;--primary-900: #261429;--neutral-50: #F8F8F9;--neutral-100: #ECECED;--neutral-200: #D8D9DA;--neutral-300: #B5B6B8;--neutral-400: #8E8F91;--neutral-500: #58595B;--neutral-600: #4A4B4D;--neutral-700: #3B3C3E;--neutral-800: #2D2E2F;--neutral-900: #1E1F20;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--shadow-xs: 0px 1px 2px 0px #0000000D;--shadow-sm: 0px 1px 2px -1px #0000001A, 0px 1px 3px 0px #0000001A;--shadow-md: 0px 2px 4px -2px #0000001A, 0px 4px 6px -1px #0000001A;--shadow-lg: 0px 4px 6px -4px #0000001A, 0px 10px 15px -3px #0000001A;--shadow-xl: 0px 8px 10px -6px #0000001A, 0px 20px 25px -5px #0000001A;--shadow-2xl: 0px 25px 50px -12px #00000040;--bg-base: #F8F8F9;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-sidebar: #58595B;--bg-navbar: #ECECED;--bg-input: #ffffff;--bg-hover: #ECECED;--text-primary: #2D2E2F;--text-secondary: #58595B;--text-muted: #8E8F91;--border-color: #D8D9DA;--border-light: #ECECED;--accent: #703D79;--accent-hover: #5E3265;--accent-text: #703D79;--accent-light: rgba(112, 61, 121, .1);--accent-surface:#703D79;--error-bg: #fef2f2;--error-text: #b91c1c;--error-border: #fecaca;--success-bg: #f0fdf4;--success-text: #15803d;--warning-bg: #fffbeb;--warning-text: #92400e;--warning-border:#fde68a;--info-bg: #eff6ff;--info-text: #1e40af;--info-border: #bfdbfe;--success-border:#bbf7d0;--badge-green-bg: #dcfce7;--badge-green-text: #15803d;--badge-red-bg: #fee2e2;--badge-red-text: #991b1b;--badge-red-border: #fecaca;--badge-purple-bg: #f3e8ff;--badge-purple-text: #6d28d9;--badge-purple-border:#e9d5ff;--badge-blue-bg: #eff6ff;--badge-blue-text: #1e40af;--badge-blue-border: #bfdbfe;--badge-green-border:#bbf7d0;--badge-yellow-bg: #fef9c3;--badge-yellow-text: #854d0e;--badge-yellow-border:#fde68a;--badge-orange-bg: #ffedd5;--badge-orange-text: #9a3412;--badge-orange-border:#fdba74;--badge-gray-bg: #f1f5f9;--badge-gray-text: #475569}[data-theme=dark]{--bg-base: #040406;--bg-surface: #2D2E2F;--bg-card: #2D2E2F;--bg-sidebar: #1E1F20;--bg-navbar: #1E1F20;--bg-input: #3B3C3E;--bg-hover: #3B3C3E;--text-primary: #F8F8F9;--text-secondary: #B5B6B8;--text-muted: #8E8F91;--border-color: #3B3C3E;--border-light: #3B3C3E;--accent: #703D79;--accent-hover: #9D6DA4;--accent-text: #BA99BE;--accent-light: rgba(186, 153, 190, .15);--accent-surface: rgba(112, 61, 121, .35);--calendar-icon-filter: invert(1);--error-text: #fca5a5;--error-border: rgba(239, 68, 68, .3);--success-bg: rgba(34, 197, 94, .15);--success-text: #86efac;--warning-bg: rgba(245, 158, 11, .15);--warning-text: #fcd34d;--warning-border:rgba(245, 158, 11, .3);--error-bg: rgba(239, 68, 68, .15);--info-bg: rgba(59, 130, 246, .15);--info-text: #93c5fd;--info-border: rgba(59, 130, 246, .3);--success-border:rgba(34, 197, 94, .3);--shadow-xs: 0px 1px 2px 0px rgba(0, 0, 0, .3);--shadow-sm: 0px 1px 2px -1px rgba(0, 0, 0, .4), 0px 1px 3px 0px rgba(0, 0, 0, .3);--shadow-md: 0px 2px 4px -2px rgba(0, 0, 0, .4), 0px 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0px 4px 6px -4px rgba(0, 0, 0, .4), 0px 10px 15px -3px rgba(0, 0, 0, .3);--shadow-xl: 0px 8px 10px -6px rgba(0, 0, 0, .4), 0px 20px 25px -5px rgba(0, 0, 0, .3);--shadow-2xl: 0px 25px 50px -12px rgba(0, 0, 0, .6);--badge-green-bg: rgba(34, 197, 94, .18);--badge-green-text: #86efac;--badge-red-bg: rgba(239, 68, 68, .18);--badge-red-text: #fca5a5;--badge-red-border: rgba(239, 68, 68, .3);--badge-purple-bg: rgba(139, 92, 246, .3);--badge-purple-text: #c4b5fd;--badge-purple-border:rgba(139, 92, 246, .3);--badge-blue-bg: rgba(59, 130, 246, .15);--badge-blue-text: #93c5fd;--badge-blue-border: rgba(59, 130, 246, .3);--badge-green-border:rgba(34, 197, 94, .3);--badge-yellow-bg: rgba(245, 158, 11, .15);--badge-yellow-text: #fcd34d;--badge-yellow-border:rgba(245, 158, 11, .3);--badge-orange-bg: rgba(249, 115, 22, .15);--badge-orange-text: #fdba74;--badge-orange-border:rgba(249, 115, 22, .3);--badge-gray-bg: rgba(148, 163, 184, .12);--badge-gray-text: #94a3b8}html.sidebar-collapsed-hint .sidebar{width:72px!important;transition:none!important}html.sidebar-collapsed-hint .sidebar .account-info{opacity:0!important;transition:none!important}html.sidebar-collapsed-hint .sidebar-collapse-toggle{left:90px!important;transition:none!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-base);color:var(--text-primary);transition:background .3s,color .3s}.mobile-overlay{display:none;position:fixed;inset:0;z-index:99999;background:var(--bg-base);flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:1.25rem}.mobile-overlay__logo{width:64px;height:64px;opacity:.85;filter:brightness(0) saturate(100%) invert(24%) sepia(30%) saturate(1800%) hue-rotate(258deg) brightness(92%) contrast(90%)}.mobile-overlay__msg{font-size:1.125rem;font-weight:600;color:var(--text-primary);max-width:320px;line-height:1.5}.mobile-overlay__sub{font-size:.875rem;color:var(--text-secondary);max-width:300px;line-height:1.4}[data-theme=dark] .mobile-overlay__logo{filter:none}@media(max-width:768px),(max-height:500px){.mobile-overlay{display:flex}.app-shell{display:none}}