:root{--azul: #1e40af;--azul-claro: #2563eb;--azul-muy-claro: #dbeafe;--rojo: #dc2626;--rojo-claro: #ef4444;--verde: #10b981;--verde-claro: #d1fae5;--amarillo: #f59e0b;--amarillo-claro: #fef3c7;--blanco: #ffffff;--gris-50: #f9fafb;--gris-100: #f3f4f6;--gris-200: #e5e7eb;--gris-300: #d1d5db;--gris-400: #9ca3af;--gris-500: #6b7280;--gris-600: #4b5563;--gris-700: #374151;--gris-800: #1f2937;--gris-900: #111827;--sombra-sm: 0 1px 2px rgba(0, 0, 0, .05);--sombra-md: 0 4px 6px rgba(0, 0, 0, .07);--sombra-lg: 0 10px 15px rgba(0, 0, 0, .1);--sombra-xl: 0 20px 25px rgba(0, 0, 0, .15);--radio-sm: 6px;--radio-md: 10px;--radio-lg: 16px;--radio-full: 9999px;--esp-1: 4px;--esp-2: 8px;--esp-3: 12px;--esp-4: 16px;--esp-5: 20px;--esp-6: 24px;--esp-8: 32px;--fuente-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--fuente-base);font-size:16px;line-height:1.5;color:var(--gris-900);background:var(--gris-50);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;min-height:100vh}#app{flex:1;display:flex;flex-direction:column}a{color:var(--azul-claro);text-decoration:none;transition:color .15s}a:hover{color:var(--azul);text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer}code{background:var(--gris-100);padding:1px 5px;border-radius:4px;font-size:12px;font-family:Courier New,monospace;color:var(--gris-700)}.cargando-inicial{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--esp-4);color:var(--gris-600)}.spinner{width:48px;height:48px;border:4px solid var(--azul-muy-claro);border-top-color:var(--azul);border-radius:50%;animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.login-pantalla{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--esp-4);background:linear-gradient(135deg,var(--azul) 0%,var(--azul-claro) 50%,var(--verde) 100%);position:relative;overflow:hidden}.login-pantalla:before,.login-pantalla:after{content:"";position:absolute;border-radius:50%;background:#ffffff14;pointer-events:none}.login-pantalla:before{width:400px;height:400px;top:-150px;right:-150px}.login-pantalla:after{width:300px;height:300px;bottom:-100px;left:-100px}.login-caja{position:relative;z-index:1;width:100%;max-width:420px;background:var(--blanco);border-radius:var(--radio-lg);box-shadow:var(--sombra-xl);padding:var(--esp-8) var(--esp-6)}.login-logo{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--esp-6)}.login-logo .icono{font-size:56px;margin-bottom:var(--esp-2)}.login-logo h1{font-size:22px;color:var(--azul);margin-bottom:var(--esp-1);letter-spacing:-.3px}.login-logo p{font-size:13px;color:var(--gris-500)}.login-campo{margin-bottom:var(--esp-4)}.login-campo label{display:block;font-size:13px;font-weight:600;color:var(--gris-700);margin-bottom:var(--esp-2)}.input,.input-texto,.input-select,.input-textarea{width:100%;padding:11px 14px;border:1.5px solid var(--gris-300);border-radius:var(--radio-sm);font-size:15px;font-family:inherit;color:var(--gris-900);background:var(--blanco);transition:border-color .15s,box-shadow .15s;outline:none}.input:focus,.input-texto:focus,.input-select:focus,.input-textarea:focus{border-color:var(--azul-claro);box-shadow:0 0 0 3px var(--azul-muy-claro)}.input-textarea{resize:vertical;min-height:90px}.input-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7280' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.input-error{border-color:var(--rojo)!important}.mensaje-error{color:var(--rojo);font-size:13px;margin-top:var(--esp-2);padding:10px 12px;background:#fee2e2;border-left:4px solid var(--rojo);border-radius:var(--radio-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--esp-2);padding:11px 20px;border:none;border-radius:var(--radio-sm);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s;text-decoration:none;white-space:nowrap;user-select:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primario{background:var(--azul);color:var(--blanco)}.btn-primario:hover:not(:disabled){background:var(--azul-claro)}.btn-secundario{background:var(--gris-100);color:var(--gris-800);border:1.5px solid var(--gris-300)}.btn-secundario:hover:not(:disabled){background:var(--gris-200)}.btn-exito{background:var(--verde);color:var(--blanco)}.btn-exito:hover:not(:disabled){background:#059669}.btn-peligro{background:var(--rojo);color:var(--blanco)}.btn-peligro:hover:not(:disabled){background:var(--rojo-claro)}.btn-advertencia{background:var(--amarillo);color:var(--blanco)}.btn-advertencia:hover:not(:disabled){background:#d97706}.btn-bloque{width:100%}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-icono{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;color:var(--gris-600);border:none;border-radius:var(--radio-sm);font-size:15px;line-height:1;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.btn-icono:hover:not(:disabled){background:var(--gris-100);color:var(--gris-900)}.btn-icono:disabled{opacity:.3;cursor:not-allowed}.layout{display:grid;grid-template-columns:260px 1fr;grid-template-rows:64px 1fr;grid-template-areas:"header header" "sidebar contenido";min-height:100vh;background:var(--gris-50)}.layout-header{grid-area:header;background:var(--azul);color:var(--blanco);display:flex;align-items:center;justify-content:space-between;padding:0 var(--esp-6);box-shadow:var(--sombra-md);z-index:10}.layout-header .logo{display:flex;align-items:center;gap:var(--esp-3);font-size:17px;font-weight:700;letter-spacing:-.3px}.layout-header .logo .icono{font-size:26px}.layout-header .usuario-info{display:flex;align-items:center;gap:var(--esp-3);font-size:14px}.layout-header .usuario-info .btn-icono{color:var(--blanco)}.layout-header .usuario-info .btn-icono:hover{background:#ffffff26;color:var(--blanco)}.layout-header .badge-rol{padding:4px 10px;border-radius:var(--radio-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-admin{background:var(--amarillo);color:var(--gris-900)}.badge-supervisor{background:var(--rojo);color:var(--blanco)}.badge-usuario{background:var(--verde);color:var(--blanco)}.badge-reportante{background:var(--azul-muy-claro);color:var(--azul)}.layout-sidebar{grid-area:sidebar;background:var(--blanco);border-right:1px solid var(--gris-200);padding:var(--esp-4) 0;overflow-y:auto}.layout-sidebar nav a{display:flex;align-items:center;gap:var(--esp-3);padding:11px var(--esp-5);color:var(--gris-700);font-size:14.5px;font-weight:500;text-decoration:none;border-left:3px solid transparent;transition:background .15s,color .15s,border-color .15s}.layout-sidebar nav a:hover{background:var(--gris-50);color:var(--azul);text-decoration:none}.layout-sidebar nav a.activo{background:var(--azul-muy-claro);color:var(--azul);border-left-color:var(--azul);font-weight:600}.layout-sidebar nav .grupo-titulo{padding:var(--esp-4) var(--esp-5) var(--esp-2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gris-400)}.layout-contenido{grid-area:contenido;padding:var(--esp-6);overflow-y:auto}.tarjeta{background:var(--blanco);border-radius:var(--radio-md);box-shadow:var(--sombra-sm);border:1px solid var(--gris-200);padding:var(--esp-5);margin-bottom:var(--esp-5);min-width:0}.tarjeta-titulo{font-size:18px;font-weight:700;color:var(--gris-900);margin-bottom:var(--esp-4);display:flex;align-items:center;gap:var(--esp-2);letter-spacing:-.2px}.titulo-pagina{font-size:24px;font-weight:800;color:var(--gris-900);margin-bottom:var(--esp-2);letter-spacing:-.5px}.subtitulo-pagina{color:var(--gris-500);font-size:14px;margin-bottom:var(--esp-6)}.grid-tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--esp-4);margin-bottom:var(--esp-6)}.tarjeta-stat{background:var(--blanco);border-radius:var(--radio-md);padding:var(--esp-5);border:1px solid var(--gris-200);box-shadow:var(--sombra-sm);display:flex;align-items:center;gap:var(--esp-4);transition:transform .15s,box-shadow .15s;cursor:pointer}.tarjeta-stat:hover{transform:translateY(-2px);box-shadow:var(--sombra-md)}.tarjeta-stat .icono{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radio-md);flex-shrink:0}.tarjeta-stat .info .valor{font-size:26px;font-weight:800;color:var(--gris-900);line-height:1}.tarjeta-stat .info .etiqueta{font-size:13px;color:var(--gris-500);margin-top:4px}.tabla-contenedor{overflow-x:auto;background:var(--blanco);border-radius:var(--radio-md);border:1px solid var(--gris-200)}.tabla{width:100%;border-collapse:collapse;font-size:14px}.tabla th{background:var(--gris-50);color:var(--gris-700);font-weight:700;text-align:left;padding:12px 14px;border-bottom:1.5px solid var(--gris-200);white-space:nowrap;font-size:12.5px;text-transform:uppercase;letter-spacing:.3px}.tabla td{padding:11px 14px;border-bottom:1px solid var(--gris-100);color:var(--gris-800);vertical-align:middle}.tabla tr:last-child td{border-bottom:none}.tabla tr:hover td{background:var(--gris-50)}.campo-grupo{margin-bottom:var(--esp-4)}.campo-grupo label{display:block;font-size:13.5px;font-weight:600;color:var(--gris-700);margin-bottom:var(--esp-2)}.campo-grupo .ayuda{font-size:12px;color:var(--gris-500);margin-top:var(--esp-1)}.campo-grupo .requerido{color:var(--rojo);margin-left:3px}.checkbox-grupo{display:flex;flex-wrap:wrap;gap:var(--esp-3)}.checkbox-grupo label{display:flex;align-items:center;gap:var(--esp-2);padding:8px 14px;background:var(--gris-50);border:1.5px solid var(--gris-200);border-radius:var(--radio-sm);cursor:pointer;transition:all .15s;font-weight:500;font-size:14px}.checkbox-grupo label:hover{border-color:var(--azul-claro);background:var(--azul-muy-claro)}.modal-oculto{display:none!important}.modal{display:flex!important;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;padding:var(--esp-4);background:#00000080;backdrop-filter:blur(2px);animation:fadeIn .15s ease}.modal-contenido{background:var(--blanco);border-radius:var(--radio-lg);box-shadow:var(--sombra-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:subir .2s ease}.modal-header{padding:var(--esp-5);border-bottom:1px solid var(--gris-200);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--blanco);z-index:1}.modal-header h2{font-size:18px;font-weight:700;color:var(--gris-900)}.modal-body{padding:var(--esp-5)}.modal-footer{padding:var(--esp-4) var(--esp-5);border-top:1px solid var(--gris-200);display:flex;justify-content:flex-end;gap:var(--esp-3);position:sticky;bottom:0;background:var(--blanco)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes subir{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toasts{position:fixed;top:var(--esp-5);right:var(--esp-5);z-index:200;display:flex;flex-direction:column;gap:var(--esp-2);max-width:380px;pointer-events:none}.toast{padding:14px 18px;border-radius:var(--radio-md);background:var(--blanco);box-shadow:var(--sombra-lg);border-left:4px solid var(--azul);display:flex;align-items:center;gap:var(--esp-3);font-size:14px;pointer-events:auto;animation:entrarDerecha .25s ease}.toast-exito{border-left-color:var(--verde)}.toast-error{border-left-color:var(--rojo)}.toast-info{border-left-color:var(--azul)}.toast-advertencia{border-left-color:var(--amarillo)}.toast .icono{font-size:20px;flex-shrink:0}@keyframes entrarDerecha{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.chip{display:inline-flex;align-items:center;gap:var(--esp-1);padding:4px 10px;border-radius:var(--radio-full);font-size:12px;font-weight:600;background:var(--gris-100);color:var(--gris-700)}.chip-verde{background:var(--verde-claro);color:#065f46}.chip-rojo{background:#fee2e2;color:#991b1b}.chip-azul{background:var(--azul-muy-claro);color:var(--azul)}.chip-amarillo{background:var(--amarillo-claro);color:#92400e}.vacio{text-align:center;padding:var(--esp-8) var(--esp-4);color:var(--gris-500)}.vacio .icono{font-size:56px;margin-bottom:var(--esp-3);opacity:.5}.vacio h3{font-size:17px;color:var(--gris-700);margin-bottom:var(--esp-2)}.paleta-tipos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.paleta-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--blanco);border:1.5px solid var(--gris-200);border-radius:var(--radio-sm);cursor:pointer;transition:all .15s;font-family:inherit;font-size:12px;color:var(--gris-700);font-weight:500}.paleta-item:hover{border-color:var(--azul);background:var(--azul-muy-claro);transform:translateY(-2px)}.paleta-item .icono{font-size:22px;line-height:1}.paleta-item .texto{text-align:center;line-height:1.2}.campo-editor{transition:box-shadow .15s,transform .15s}.campo-editor:hover{box-shadow:var(--sombra-md)}.picker-iconos{display:flex;flex-wrap:wrap;gap:4px;padding:10px;background:var(--gris-50);border-radius:var(--radio-sm);border:1px solid var(--gris-200);max-height:180px;overflow-y:auto}.picker-icono{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--blanco);border:1.5px solid var(--gris-200);border-radius:var(--radio-sm);cursor:pointer;font-size:16px;transition:all .15s;padding:0}.picker-icono:hover{border-color:var(--azul);transform:scale(1.1)}.picker-colores{display:flex;flex-wrap:wrap;gap:8px}.picker-color{width:32px;height:32px;border-radius:50%;border:2px solid var(--gris-200);cursor:pointer;transition:transform .15s,border-color .15s;padding:0}.picker-color:hover{transform:scale(1.15);border-color:var(--gris-400)}.fila-opcion{align-items:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--esp-1)}.gap-2{gap:var(--esp-2)}.gap-3{gap:var(--esp-3)}.gap-4{gap:var(--esp-4)}.mt-1{margin-top:var(--esp-1)}.mt-2{margin-top:var(--esp-2)}.mt-3{margin-top:var(--esp-3)}.mt-4{margin-top:var(--esp-4)}.mb-1{margin-bottom:var(--esp-1)}.mb-2{margin-bottom:var(--esp-2)}.mb-3{margin-bottom:var(--esp-3)}.mb-4{margin-bottom:var(--esp-4)}.text-center{text-align:center}.text-sm{font-size:13px}.text-xs{font-size:12px}.text-gris{color:var(--gris-500)}.text-azul{color:var(--azul)}.text-rojo{color:var(--rojo)}.text-verde{color:var(--verde)}.negrita{font-weight:700}.oculto{display:none!important}@media (max-width: 768px){.layout{grid-template-columns:1fr;grid-template-areas:"header" "contenido"}.layout-sidebar{display:none}.layout-sidebar.abierto{display:block;position:fixed;top:64px;left:0;width:260px;height:calc(100vh - 64px);z-index:20;box-shadow:var(--sombra-xl)}.layout-contenido{padding:var(--esp-4)}.titulo-pagina{font-size:20px}.grid-tarjetas{grid-template-columns:1fr}.toasts{left:var(--esp-3);right:var(--esp-3);max-width:none}.paleta-tipos{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.btn-cargando:after{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:girar .6s linear infinite}.firma-desarrollador{font-size:11px;color:var(--gris-400);text-align:center;padding:16px 12px;line-height:1.5;font-weight:500;letter-spacing:.2px;user-select:none}.firma-desarrollador strong{color:var(--gris-500);font-weight:700}.firma-desarrollador .version{font-size:10px;color:var(--gris-300);margin-top:2px}.login-caja .firma-desarrollador{border-top:1px solid var(--gris-200);margin-top:20px;padding-top:16px}.layout-sidebar .firma-desarrollador{border-top:1px solid var(--gris-200);margin-top:auto;padding:16px 12px;position:sticky;bottom:0;background:var(--blanco)}.tarjeta-acerca-de{background:linear-gradient(135deg,var(--azul) 0%,var(--azul-claro) 100%);color:var(--blanco);border:none;text-align:center;padding:32px 24px}.tarjeta-acerca-de .icono-dev{font-size:48px;margin-bottom:12px;display:block}.tarjeta-acerca-de h3{font-size:18px;font-weight:800;margin-bottom:6px;letter-spacing:-.3px}.tarjeta-acerca-de p{font-size:13px;opacity:.9;margin-bottom:4px;line-height:1.5}.tarjeta-acerca-de .cliente{font-size:12px;opacity:.75;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.2);font-style:italic}.tarjeta-acerca-de .firma-principal{font-weight:700;font-size:14px;opacity:1}.firma-pie-web{text-align:center;padding:20px;font-size:11px;color:var(--gris-500)}.tab-activa{color:var(--azul)!important;border-bottom-color:var(--azul)!important}#panel-observaciones{margin-top:16px}#panel-observaciones .tarjeta-titulo{margin-bottom:8px}#btn-notificaciones{color:var(--blanco);position:relative}#btn-notificaciones:hover{background:#ffffff26}#notif-panel{color:var(--gris-900)}#notif-lista::-webkit-scrollbar{width:6px}#notif-lista::-webkit-scrollbar-thumb{background:var(--gris-300);border-radius:3px}.modal-contenido .modal-body{max-height:calc(90vh - 160px);overflow-y:auto}@media (max-width: 640px){.modal-contenido [data-tab]{padding:10px!important;font-size:12px!important}#notif-panel{width:320px!important;right:-60px!important}}.btn-cerrar-sesion{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff1a;color:var(--blanco);border:1px solid rgba(255,255,255,.2);border-radius:20px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.btn-cerrar-sesion:hover{background:#dc2626d9;border-color:var(--rojo);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.btn-cerrar-sesion .icono{font-size:14px}@media (max-width: 640px){.btn-cerrar-sesion{padding:6px 10px;font-size:11.5px}.btn-cerrar-sesion .texto{display:none}}.chk-permiso{display:flex;align-items:center;gap:4px;padding:6px 8px;background:var(--gris-50);border:1.5px solid var(--gris-200);border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;color:var(--gris-700);transition:all .15s;user-select:none;white-space:nowrap}.chk-permiso:hover{border-color:var(--azul);background:var(--azul-muy-claro)}.chk-permiso input[type=checkbox]{margin:0;cursor:pointer;flex-shrink:0}.chk-permiso:has(input:checked){border-color:var(--azul);background:var(--azul-muy-claro);color:var(--azul);font-weight:700}