:root{--color-fondo: #f8fafc;--color-superficie: #ffffff;--color-superficie-hover: #f1f5f9;--color-borde: #e2e8f0;--color-borde-fuerte: #cbd5e1;--color-primario: #059669;--color-primario-hover: #047857;--color-primario-suave: #ecfdf5;--color-primario-texto: #065f46;--color-acento: #2563eb;--color-acento-hover: #1d4ed8;--color-acento-suave: #eff6ff;--color-advertencia: #d97706;--color-advertencia-suave: #fffbeb;--color-peligro: #dc2626;--color-peligro-suave: #fef2f2;--color-texto: #0f172a;--color-texto-secundario: #475569;--color-texto-apagado: #94a3b8;--fuente-principal: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--fuente-numerica: "JetBrains Mono", monospace;--radio-sm: 8px;--radio-md: 12px;--radio-lg: 16px;--radio-xl: 20px;--sombra-sm: 0 1px 3px 0 rgba(15, 23, 42, .05), 0 1px 2px -1px rgba(15, 23, 42, .03);--sombra-md: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .04);--sombra-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04);--sombra-modal: 0 25px 50px -12px rgba(15, 23, 42, .18)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--fuente-principal);background-color:var(--color-fondo);color:var(--color-texto);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4{font-weight:700;color:var(--color-texto);letter-spacing:-.02em}.mono{font-family:var(--fuente-numerica)}.contenedor-app{display:flex;min-height:100vh;width:100vw;background-color:var(--color-fondo)}.barra-lateral{width:260px;background-color:var(--color-superficie);border-right:1px solid var(--color-borde);display:flex;flex-direction:column;flex-shrink:0;box-shadow:var(--sombra-sm)}.barra-lateral-cabecera{padding:1.5rem;border-bottom:1px solid var(--color-borde);display:flex;align-items:center;gap:.75rem}.logo-icono{width:38px;height:38px;border-radius:var(--radio-sm);background:linear-gradient(135deg,var(--color-primario),var(--color-acento));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.2rem;box-shadow:0 2px 8px #05966940}.navegacion-admin{padding:1rem .75rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.enlace-nav{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radio-md);color:var(--color-texto-secundario);text-decoration:none;font-weight:500;transition:all .2s ease;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-size:.95rem}.enlace-nav:hover{background-color:var(--color-superficie-hover);color:var(--color-texto)}.enlace-nav.activo{background-color:var(--color-primario-suave);color:var(--color-primario-texto);font-weight:600}.area-contenido{flex:1;display:flex;flex-direction:column;overflow-y:auto;height:100vh;background-color:var(--color-fondo)}.barra-superior{height:64px;background-color:#ffffffe6;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-borde);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:10;box-shadow:var(--sombra-sm)}.cuerpo-modulo{padding:1.5rem;flex:1}.tarjeta{background-color:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio-lg);padding:1.5rem;box-shadow:var(--sombra-sm);transition:box-shadow .2s ease}.tarjeta:hover{box-shadow:var(--sombra-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radio-md);font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:all .15s ease;user-select:none}.btn-primario{background-color:var(--color-primario);color:#fff;box-shadow:0 2px 4px #05966933}.btn-primario:hover{background-color:var(--color-primario-hover);transform:translateY(-1px);box-shadow:0 4px 8px #0596694d}.btn-secundario{background-color:var(--color-superficie);color:var(--color-texto);border:1px solid var(--color-borde);box-shadow:var(--sombra-sm)}.btn-secundario:hover{background-color:var(--color-superficie-hover);border-color:var(--color-borde-fuerte)}.btn-acento{background-color:var(--color-acento);color:#fff;box-shadow:0 2px 4px #2563eb33}.btn-acento:hover{background-color:var(--color-acento-hover);transform:translateY(-1px)}.btn-peligro{background-color:var(--color-peligro);color:#fff}.btn-peligro:hover{background-color:#b91c1c}.btn-advertencia{background-color:var(--color-advertencia);color:#fff}.btn-advertencia:hover{background-color:#b45309}.tabla-contenedor{width:100%;overflow-x:auto;background-color:var(--color-superficie);border-radius:var(--radio-lg);border:1px solid var(--color-borde);box-shadow:var(--sombra-sm)}.tabla-datos{width:100%;border-collapse:collapse;text-align:left}.tabla-datos th{background-color:#f8fafc;padding:.85rem 1rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-texto-secundario);border-bottom:1px solid var(--color-borde)}.tabla-datos td{padding:.85rem 1rem;font-size:.95rem;color:var(--color-texto);border-bottom:1px solid var(--color-borde)}.tabla-datos tr:hover td{background-color:#f8fafc}.modal-overlay,.modal-fondo{position:fixed;inset:0;background-color:#0f172a80;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .15s ease-out}.modal-contenido{background-color:var(--color-superficie);color:var(--color-texto);border-radius:var(--radio-xl);box-shadow:var(--sombra-modal);border:1px solid var(--color-borde);width:100%;max-width:650px;max-height:90vh;overflow-y:auto;animation:scaleUp .15s ease-out}.th-sortable{cursor:pointer;user-select:none;transition:background-color .15s ease,color .15s ease}.th-sortable:hover{background-color:#f1f5f9!important;color:var(--color-primario)!important}.th-sortable--active{color:var(--color-primario)!important;font-weight:700!important}.th-sortable__icon{font-size:.85rem;color:var(--color-texto-apagado);transition:transform .15s ease,color .15s ease}.th-sortable__icon--active{color:var(--color-primario);font-weight:800}.table-pagination-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.875rem 1.25rem;background:var(--color-superficie);border:1px solid var(--color-borde);border-top:none;border-radius:0 0 var(--radio-md) var(--radio-md);font-size:.875rem;color:var(--color-texto-secundario)}.table-pagination-info{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--color-texto-secundario)}.table-pagination-info strong{color:var(--color-texto);font-weight:700}.table-pagination-controls{display:flex;align-items:center;gap:.75rem}.table-pagination-size{display:flex;align-items:center;gap:.375rem}.table-pagination-select{padding:.375rem .625rem;font-size:.875rem;font-weight:500;color:var(--color-texto);background-color:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio-sm);cursor:pointer;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.table-pagination-select:hover:not(:disabled){border-color:var(--color-primario)}.table-pagination-select:focus{border-color:var(--color-primario);box-shadow:0 0 0 3px #05966926}.table-pagination-nav{display:flex;align-items:center;gap:.25rem}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.125rem;height:2.125rem;padding:0 .5rem;font-size:.8125rem;font-weight:600;color:var(--color-texto-secundario);background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio-sm);cursor:pointer;transition:all .15s ease-in-out;user-select:none}.pagination-btn:hover:not(:disabled){background-color:var(--color-primario-suave);color:var(--color-primario);border-color:var(--color-primario)}.pagination-btn:disabled{opacity:.45;cursor:not-allowed;background-color:var(--color-fondo);border-color:var(--color-borde);color:var(--color-texto-apagado)}.pagination-btn.is-active{background-color:var(--color-primario);color:#fff;border-color:var(--color-primario);box-shadow:0 1px 3px #0596694d}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:2.125rem;color:var(--color-texto-apagado);font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.formulario-grupo{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.formulario-etiqueta{font-size:.875rem;font-weight:600;color:var(--color-texto)}.formulario-input{padding:.75rem 1rem;border-radius:var(--radio-md);border:1px solid var(--color-borde);background-color:var(--color-superficie);color:var(--color-texto);font-family:inherit;font-size:.95rem;transition:all .15s ease}.formulario-input:focus{outline:none;border-color:var(--color-primario);box-shadow:0 0 0 3px #05966926}.modo-pdv{display:grid;grid-template-columns:1fr 400px;gap:1.25rem;height:calc(100vh - 84px);padding:1rem 1.5rem}.pdv-panel-venta{display:flex;flex-direction:column;background-color:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio-xl);overflow:hidden;box-shadow:var(--sombra-sm)}.pdv-buscador-barra{padding:1rem 1.25rem;border-bottom:1px solid var(--color-borde);background-color:#fff;display:flex;gap:.75rem;align-items:center}.input-escaner{flex:1;background-color:#f8fafc;border:2px solid #cbd5e1;color:var(--color-texto);padding:.85rem 1.25rem;border-radius:var(--radio-md);font-size:1.2rem;font-family:var(--fuente-numerica);font-weight:600;transition:all .2s ease}.input-escaner:focus{outline:none;border-color:var(--color-primario);background-color:#fff;box-shadow:0 0 0 4px #05966926}.pdv-lista-articulos{flex:1;overflow-y:auto;padding:.5rem}.pdv-panel-cobro{background-color:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio-xl);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--sombra-sm)}.total-caja-display{background:linear-gradient(135deg,#059669,#047857);border-radius:var(--radio-lg);padding:1.5rem;text-align:right;margin-bottom:1rem;box-shadow:0 4px 14px #05966959;color:#fff}.total-caja-monto{font-size:3rem;font-weight:800;color:#fff;font-family:var(--fuente-numerica);line-height:1;letter-spacing:-.03em;margin-top:.35rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}