:root{--color-bg: #f5f7f6;--color-surface: #ffffff;--color-border: #e2e8e5;--color-border-strong: #cfd9d5;--color-text: #16211d;--color-text-secondary: #5e6d67;--color-text-muted: #8c9891;--color-primary: #0f6d5c;--color-primary-light: #14917a;--color-primary-dark: #0a4f43;--color-primary-tint: #e2f2ee;--color-primary-tint-strong: #c9e7e0;--gradient-primary: linear-gradient(135deg, #0f6d5c 0%, #14917a 100%);--gradient-sidebar: linear-gradient(165deg, #0b3d36 0%, #0f4a41 55%, #123f38 100%);--color-accent: #ec5c3f;--color-accent-light: #f2865a;--color-accent-dark: #c94a30;--gradient-accent: linear-gradient(135deg, #ec5c3f 0%, #f2865a 100%);--color-warning: #b8730c;--color-warning-bg: #fdf1de;--color-warning-border: #f3ddb0;--color-danger: #c1483a;--color-danger-bg: #fbe9e7;--color-danger-border: #f1c6c0;--color-success: #1f8a5f;--color-success-bg: #e3f5ec;--color-info: #2f6fb0;--color-info-bg: #e8f0fb;--chip-medicamentos-bg: #e6eef9;--chip-medicamentos-fg: #2f6fb0;--chip-alimentos-bg: #fdf1de;--chip-alimentos-fg: #b8730c;--chip-insumos-bg: #f1e8fb;--chip-insumos-fg: #7c4dbd;--chip-accesorios-bg: #e2f3ee;--chip-accesorios-fg: #0f6d5c;--chip-otra-bg: #eef0ef;--chip-otra-fg: #5e6d67;--chip-vacunacion-bg: #e2f3ee;--chip-vacunacion-fg: #0f6d5c;--chip-seguimiento-bg: #f1e8fb;--chip-seguimiento-fg: #7c4dbd;--radio: 14px;--radio-sm: 10px;--sombra-1: 0 1px 2px rgba(13, 20, 17, .06);--sombra-2: 0 2px 6px rgba(13, 20, 17, .06), 0 1px 2px rgba(13, 20, 17, .05);--sombra-3: 0 14px 28px rgba(13, 20, 17, .12), 0 4px 10px rgba(13, 20, 17, .07);--sombra-4: 0 28px 64px rgba(8, 14, 12, .28), 0 10px 20px rgba(8, 14, 12, .12);--duracion-rapida: .14s;--duracion-media: .22s;--easing: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em}h1{font-size:1.65rem}h2{font-size:1.1rem}.subtitulo-pagina{color:var(--color-text-secondary);font-size:.92rem;margin:.3rem 0 0}.app{min-height:100vh;display:flex}.sidebar{width:240px;flex-shrink:0;background:var(--gradient-sidebar);padding:1.75rem 1.25rem;display:flex;flex-direction:column;gap:2.5rem;box-shadow:var(--sombra-2);position:relative;z-index:5}.sidebar-marca{display:flex;align-items:center;gap:.75rem}.sidebar-marca-icono{width:38px;height:38px;border-radius:var(--radio-sm);background:var(--gradient-accent);color:#fff5f1;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #ec5c3f59}.sidebar-marca-titulo{font-weight:700;font-size:.96rem;color:#f2f8f6;line-height:1.25}.sidebar-marca-subtitulo{font-size:.76rem;color:#8fb8ac}.sidebar-nav{display:flex;flex-direction:column;gap:.2rem}.sidebar-nav-titulo{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6f9c91;padding:1rem .8rem .35rem}.sidebar-nav-titulo:first-child{padding-top:0}.sidebar-nav a{display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;border-radius:var(--radio-sm);color:#bcd9d0;font-weight:600;font-size:.9rem;text-decoration:none;transition:background var(--duracion-rapida) var(--easing),color var(--duracion-rapida) var(--easing),transform var(--duracion-rapida) var(--easing)}.sidebar-nav a svg{flex-shrink:0}.sidebar-nav a:hover{background:#ffffff14;color:#fff;transform:translate(2px)}.sidebar-nav a.activo{background:var(--gradient-accent);color:#fff5f1;box-shadow:0 6px 14px #ec5c3f59}.contenido{flex:1;padding:2.25rem 2.5rem;max-width:1180px;margin:0 auto;width:100%}.encabezado-pagina{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.75rem}.acciones-pagina{display:flex;gap:.6rem;flex-wrap:wrap}.boton{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:var(--radio-sm);padding:.62rem 1.15rem;font-size:.92rem;font-weight:600;cursor:pointer;text-decoration:none;text-align:center;transition:transform var(--duracion-rapida) var(--easing),box-shadow var(--duracion-rapida) var(--easing),background var(--duracion-rapida) var(--easing),border-color var(--duracion-rapida) var(--easing),opacity var(--duracion-rapida) var(--easing);font-family:inherit}.boton-primario{background:var(--gradient-accent);color:#fff8f6;box-shadow:0 4px 12px #ec5c3f4d}.boton-primario:hover{transform:translateY(-1px);box-shadow:0 8px 18px #ec5c3f61}.boton-primario:active{transform:translateY(0) scale(.97);box-shadow:0 3px 8px #ec5c3f4d}.boton-secundario{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.boton-secundario:hover{background:var(--color-bg);border-color:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--sombra-2)}.boton-secundario:active{transform:translateY(0) scale(.97)}.boton-peligro{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border)}.boton-peligro:hover{background:#f6d5d1;transform:translateY(-1px)}.boton-peligro:active{transform:translateY(0) scale(.97)}.boton:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.boton-icono{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;padding:.4rem;border-radius:var(--radio-sm);transition:background var(--duracion-rapida) var(--easing),color var(--duracion-rapida) var(--easing),transform var(--duracion-rapida) var(--easing)}.boton-icono:hover{background:var(--color-bg);color:var(--color-text);transform:translateY(-1px)}.boton-icono:active{transform:scale(.92)}.boton-icono-peligro:hover{background:var(--color-danger-bg);color:var(--color-danger)}.tarjetas-resumen{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.1rem;margin-bottom:1.75rem}.tarjeta{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radio);padding:1.3rem 1.4rem;box-shadow:var(--sombra-2);display:flex;flex-direction:column;gap:.55rem;transition:box-shadow var(--duracion-media) var(--easing),transform var(--duracion-media) var(--easing);position:relative;overflow:hidden}.tarjeta:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.tarjeta-advertencia:before{background:linear-gradient(135deg,var(--color-warning),#d99a2b)}.tarjeta-peligro:before{background:linear-gradient(135deg,var(--color-danger),#d9695a)}.tarjeta-exito:before{background:linear-gradient(135deg,var(--color-success),#35b37e)}.tarjeta:hover{box-shadow:var(--sombra-3);transform:translateY(-2px)}.tarjeta-icono{width:34px;height:34px;border-radius:var(--radio-sm);display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#eafdf7}.tarjeta-advertencia .tarjeta-icono{background:linear-gradient(135deg,var(--color-warning),#d99a2b);color:#fff8ec}.tarjeta-peligro .tarjeta-icono{background:linear-gradient(135deg,var(--color-danger),#d9695a);color:#fff3f1}.tarjeta-exito .tarjeta-icono{background:linear-gradient(135deg,var(--color-success),#35b37e);color:#eafdf3}.tarjeta-numero{font-size:1.9rem;font-weight:800;letter-spacing:-.02em}.tarjeta-advertencia .tarjeta-numero{color:var(--color-warning)}.tarjeta-peligro .tarjeta-numero{color:var(--color-danger)}.tarjeta-etiqueta{color:var(--color-text-secondary);font-size:.87rem;font-weight:600}.paneles-dobles{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.1rem}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radio);padding:1.3rem 1.4rem;box-shadow:var(--sombra-2)}.panel-encabezado{display:flex;align-items:center;gap:.55rem;margin-bottom:.9rem}.panel-encabezado svg{color:var(--color-text-muted)}.panel h2{margin:0}.lista-alertas{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.2rem}.lista-alertas li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .1rem;border-bottom:1px solid var(--color-border);font-size:.9rem}.lista-alertas li:last-child{border-bottom:none}.lista-alertas a{color:var(--color-text);font-weight:600;text-decoration:none;transition:color var(--duracion-rapida) var(--easing)}.lista-alertas a:hover{color:var(--color-primary)}.lista-alertas li span{color:var(--color-text-secondary);font-size:.85rem;white-space:nowrap}.texto-peligro{color:var(--color-danger)!important;font-weight:600}.estado-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3rem 1rem;text-align:center;color:var(--color-text-muted)}.estado-vacio.compacto{padding:1.4rem .5rem}.estado-vacio svg{color:var(--color-border-strong)}.estado-vacio-titulo{font-weight:700;color:var(--color-text-secondary);font-size:.95rem}.estado-vacio-detalle{font-size:.85rem;max-width:320px}.mensaje-error{background:var(--color-danger-bg);color:var(--color-danger);padding:.75rem 1rem;border-radius:var(--radio-sm);margin-bottom:1rem;font-size:.9rem;font-weight:600}.mensaje-exito{background:var(--color-success-bg);color:var(--color-success);padding:.75rem 1rem;border-radius:var(--radio-sm);margin-bottom:1rem;font-size:.9rem;font-weight:600}.skeleton{border-radius:var(--radio-sm);background:linear-gradient(100deg,#e9edec 30%,#f5f7f6,#e9edec 70%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.skeleton-tarjeta{height:108px;border-radius:var(--radio)}.skeleton-fila{height:20px;margin:.6rem 0}.skeleton-panel{height:220px;border-radius:var(--radio)}.filtros{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.25rem}.campo-busqueda{position:relative;flex:1;min-width:220px}.campo-busqueda svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.campo-busqueda input{width:100%;padding-left:2.35rem}.campo-fecha-filtro{display:flex;align-items:center;gap:.5rem;font-size:.87rem;font-weight:600;color:var(--color-text-secondary)}.filtros input,.filtros select{padding:.6rem .8rem;border:1px solid var(--color-border-strong);border-radius:var(--radio-sm);font-size:.92rem;background:var(--color-surface);color:var(--color-text);font-family:inherit;transition:border-color var(--duracion-rapida) var(--easing),box-shadow var(--duracion-rapida) var(--easing)}.filtros input:focus,.filtros select:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px var(--color-primary-tint)}.tabla-scroll{overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radio);box-shadow:var(--sombra-2)}.tabla-productos{width:100%;border-collapse:collapse;min-width:760px}.tabla-productos th,.tabla-productos td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--color-border);font-size:.9rem;white-space:nowrap}.tabla-productos th{color:var(--color-text-secondary);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;background:var(--color-bg);border-bottom:1px solid var(--color-border-strong)}.tabla-productos th:first-child{border-top-left-radius:var(--radio)}.tabla-productos th:last-child{border-top-right-radius:var(--radio)}.tabla-productos tbody tr{transition:background var(--duracion-rapida) var(--easing),box-shadow var(--duracion-rapida) var(--easing)}.tabla-productos tbody tr:hover{background:var(--color-bg);box-shadow:inset 3px 0 0 var(--color-primary-light)}.tabla-productos tbody tr:last-child td{border-bottom:none}.col-numerica{text-align:right}.tabla-productos a{color:var(--color-text);font-weight:600;text-decoration:none}.tabla-productos a:hover{color:var(--color-primary)}.fila-stock-bajo,.fila-stock-bajo:hover{background:var(--color-warning-bg)}.celda-acciones{display:flex;gap:.15rem}.chip-categoria{display:inline-block;padding:.22rem .65rem;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap}.chip-medicamentos{background:var(--chip-medicamentos-bg);color:var(--chip-medicamentos-fg)}.chip-alimentos{background:var(--chip-alimentos-bg);color:var(--chip-alimentos-fg)}.chip-insumos{background:var(--chip-insumos-bg);color:var(--chip-insumos-fg)}.chip-accesorios{background:var(--chip-accesorios-bg);color:var(--chip-accesorios-fg)}.chip-otra{background:var(--chip-otra-bg);color:var(--chip-otra-fg)}.chip-vacunacion{background:var(--chip-vacunacion-bg);color:var(--chip-vacunacion-fg)}.chip-seguimiento{background:var(--chip-seguimiento-bg);color:var(--chip-seguimiento-fg)}.badges{display:flex;gap:.3rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap}.badge-advertencia{background:var(--color-warning-bg);color:var(--color-warning)}.badge-peligro{background:var(--color-danger-bg);color:var(--color-danger)}.badge-exito{background:var(--color-success-bg);color:var(--color-success)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b141180;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal-caja{background:var(--color-surface);border-radius:var(--radio);padding:1.35rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--sombra-4)}.modal-encabezado{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem}.modal-encabezado h2{margin:0}.modal-cerrar{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);display:inline-flex;padding:.3rem;border-radius:var(--radio-sm);transition:background var(--duracion-rapida) var(--easing),color var(--duracion-rapida) var(--easing)}.modal-cerrar:hover{background:var(--color-bg);color:var(--color-text)}.formulario{display:flex;flex-direction:column;gap:.9rem}.formulario label{display:flex;flex-direction:column;gap:.35rem;font-size:.87rem;font-weight:600;color:var(--color-text-secondary)}.formulario input,.formulario select,.formulario textarea{padding:.6rem .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radio-sm);font-size:.94rem;font-weight:400;color:var(--color-text);font-family:inherit;background:var(--color-surface);transition:border-color var(--duracion-rapida) var(--easing),box-shadow var(--duracion-rapida) var(--easing)}.formulario input:focus,.formulario select:focus,.formulario textarea:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px var(--color-primary-tint)}.acciones-formulario{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.5rem}.texto-ayuda{color:var(--color-text-secondary);font-size:.9rem;background:var(--color-bg);padding:.6rem .8rem;border-radius:var(--radio-sm)}.enlace-volver{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:1.1rem;color:var(--color-text-secondary);text-decoration:none;font-weight:600;font-size:.9rem;transition:color var(--duracion-rapida) var(--easing),transform var(--duracion-rapida) var(--easing)}.enlace-volver:hover{color:var(--color-primary);transform:translate(-2px)}.ficha-producto{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radio);padding:1.3rem 1.4rem;margin-bottom:1.75rem;font-size:.92rem;box-shadow:var(--sombra-2)}.ficha-producto strong{display:block;color:var(--color-text-secondary);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.2rem}.ficha-notas{grid-column:1 / -1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (max-width: 900px){.app{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;justify-content:space-between;padding:.8rem 1.25rem;gap:1rem}.sidebar-marca-subtitulo{display:none}.sidebar-nav{flex-direction:row;gap:.3rem}.contenido{padding:1.5rem}}@media (max-width: 520px){.contenido{padding:1.1rem}.sidebar-marca-titulo{font-size:.85rem}.sidebar-nav a span{display:none}.sidebar-nav a{padding:.6rem}.encabezado-pagina{flex-direction:column}.acciones-pagina{width:100%}.acciones-pagina .boton{flex:1}}