:root{--rojo: #BE3232;--rojo-hover: #A62828;--rojo-claro: #FDECEA;--rojo-medio: #F1948A;--rojo-sidebar: #8B2020;--azul: #1565C0;--azul-hover: #0D47A1;--azul-claro: #E3F2FD;--blanco: #FFFFFF;--fondo: #F5F5F5;--fondo-card: #FFFFFF;--gris-borde: #E0E0E0;--gris-claro: #F5F5F5;--gris-medio: #9E9E9E;--texto: #1A1A1A;--texto-suave: #616161;--texto-blanco: #FFFFFF;--sombra-card: 0 2px 8px rgba(0, 0, 0, .08);--sombra-sidebar: 2px 0 8px rgba(0, 0, 0, .15);--sidebar-ancho: 240px;--header-alto: 60px;--radio: 8px;--radio-sm: 4px;--transicion: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;color:var(--texto);background:var(--fondo);line-height:1.5}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:var(--radio-sm);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--transicion),opacity var(--transicion)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primario{background:var(--rojo);color:var(--texto-blanco)}.btn-primario:hover:not(:disabled){background:var(--rojo-hover)}.btn-secundario{background:var(--blanco);color:var(--rojo);border:1.5px solid var(--rojo)}.btn-secundario:hover:not(:disabled){background:var(--rojo-claro)}.btn-azul{background:var(--azul);color:var(--texto-blanco)}.btn-azul:hover:not(:disabled){background:var(--azul-hover)}.btn-peligro{background:transparent;color:var(--rojo);border:1.5px solid var(--rojo)}.btn-peligro:hover:not(:disabled){background:var(--rojo-claro)}.btn-sm{padding:5px 12px;font-size:13px}.btn-xs{padding:3px 8px;font-size:11px}.btn-full{width:100%;justify-content:center}.campo{display:flex;flex-direction:column;gap:5px}.campo label{font-size:13px;font-weight:500;color:var(--texto-suave)}.campo input,.campo select,.campo textarea{padding:9px 12px;border:1.5px solid var(--gris-borde);border-radius:var(--radio-sm);font-size:14px;color:var(--texto);background:var(--blanco);outline:none;transition:border-color var(--transicion)}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--rojo)}.card{background:var(--fondo-card);border-radius:var(--radio);box-shadow:var(--sombra-card);padding:20px}.tabla-wrap{overflow-x:auto}.tabla{width:100%;border-collapse:collapse;font-size:13.5px}.tabla th{background:var(--rojo-claro);color:var(--rojo);font-weight:600;text-align:left;padding:10px 14px;border-bottom:2px solid var(--rojo-medio)}.tabla td{padding:10px 14px;border-bottom:1px solid var(--gris-borde);color:var(--texto)}.tabla tr:last-child td{border-bottom:none}.tabla tr:hover td{background:var(--gris-claro)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500}.badge-rojo{background:var(--rojo-claro);color:var(--rojo)}.badge-azul{background:var(--azul-claro);color:var(--azul)}.badge-gris{background:var(--gris-claro);color:var(--gris-medio)}.mensaje-error{background:var(--rojo-claro);color:var(--rojo);border-left:3px solid var(--rojo);padding:10px 14px;border-radius:var(--radio-sm);font-size:13.5px}.mensaje-info{background:var(--azul-claro);color:var(--azul);border-left:3px solid var(--azul);padding:10px 14px;border-radius:var(--radio-sm);font-size:13.5px}.paginacion{display:flex;align-items:center;gap:6px;justify-content:flex-end;padding-top:14px}.paginacion button{padding:5px 12px;border:1.5px solid var(--gris-borde);border-radius:var(--radio-sm);background:var(--blanco);cursor:pointer;font-size:13px;transition:all var(--transicion)}.paginacion button:hover:not(:disabled){border-color:var(--rojo);color:var(--rojo)}.paginacion button.activo{background:var(--rojo);color:var(--blanco);border-color:var(--rojo)}.paginacion button:disabled{opacity:.4;cursor:not-allowed}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-8{gap:8px}.gap-12{gap:12px}.mt-12{margin-top:12px}.mt-20{margin-top:20px}.texto-suave{color:var(--texto-suave)}.negrita{font-weight:600}