@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.health-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:999px;font-size:.8rem;font-weight:500;background:#0000000d;cursor:help;white-space:nowrap}.health-badge__dot{width:.6rem;height:.6rem;border-radius:50%;background:currentColor;flex-shrink:0}.health-badge--verde{color:#1c7a3d;background:#1c7a3d1f}.health-badge--amarillo{color:#b06700;background:#b067001f}.health-badge--rojo{color:#b91c1c;background:#b91c1c1f}.health-badge--gris{color:#6b7280;background:#6b72801f}.health-badge__text{line-height:1}.demo-banner{background:linear-gradient(90deg,#fff3cd,#feb);color:#664d03;padding:.4rem 1rem;text-align:center;font-size:.85rem;font-weight:500;border-bottom:1px solid #ffe69c}.demo-banner strong{color:#5c4500}:root{--color-bg: #FFFFFF;--color-bg-subtle: #F7F7F9;--color-surface: #FFFFFF;--color-text: #1E1E2F;--color-text-secondary: #5A5A6E;--color-text-muted: #9CA3AF;--color-text-brand: #E8874A;--color-accent: #E8874A;--color-accent-hover: #D4753A;--color-accent-active: #C0632C;--color-accent-light: #FEF3EB;--color-dark: #1E1E2F;--color-dark-hover: #2A2A40;--color-success: #059669;--color-success-light: #ECFDF5;--color-warning: #D97706;--color-warning-light: #FFFBEB;--color-error: #DC2626;--color-error-light: #FEF2F2;--color-border: #E5E5EA;--color-border-header: #E5E5EA;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.375rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--sidebar-width: 250px;--header-height: 56px;--content-max-width: 1200px;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0,0,0,.05);--shadow-lg: 0 4px 16px rgba(0,0,0,.08);--transition: .15s ease;--radius-xl: 16px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background:var(--color-bg-subtle);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-text-brand);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}ul,ol{list-style:none}input,select,textarea{font-family:var(--font-family);font-size:var(--font-size-base)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--color-dark);border-bottom:none;display:flex;align-items:center;padding:0 var(--spacing-lg);z-index:100;gap:var(--spacing-md)}.btn-hamburger{background:transparent;color:#fff;padding:8px;border-radius:var(--radius);display:flex;align-items:center}.btn-hamburger:hover{background:#ffffff1a}.header-logo{height:32px;width:auto;object-fit:contain}.header-title{font-size:var(--font-size-sm);font-weight:500;color:#fff9;letter-spacing:.5px;text-transform:uppercase}.user-info{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-sm);color:#ffffffb3;font-size:var(--font-size-sm)}.btn-logout{background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.2);padding:5px 12px;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:4px}.btn-logout:hover{color:#fff;border-color:var(--color-accent);background:#e8874a26}.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-width);background:var(--color-bg);border-right:1px solid var(--color-border);z-index:90;transform:translate(-100%);transition:transform .25s ease;display:flex;flex-direction:column}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--header-height);background:#00000040;z-index:85}.sidebar-nav{flex:1;padding:var(--spacing-md) var(--spacing-sm);display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-md);border-radius:var(--radius);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:all var(--transition)}.sidebar-link:hover{background:var(--color-bg-subtle);color:var(--color-dark);text-decoration:none}.sidebar-link.active{background:var(--color-accent-light);color:var(--color-accent);font-weight:600;border-left:3px solid var(--color-accent)}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border);text-align:center}.sidebar-totvs{height:20px;opacity:.4;margin:0 auto}.app-main{margin-top:var(--header-height);max-width:var(--content-max-width);width:100%;margin-left:auto;margin-right:auto;padding:var(--spacing-xl);transition:margin-left .25s ease}.app-main.shifted{margin-left:var(--sidebar-width)}h2{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-lg)}h3{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:var(--spacing-xl) 0 var(--spacing-sm)}.hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}table{width:100%;border-collapse:collapse;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}th{background:var(--color-bg-subtle);color:var(--color-text-secondary);text-align:left;padding:10px 14px;font-size:13px;font-weight:600;white-space:nowrap;border-bottom:1px solid var(--color-border)}td{padding:10px 14px;border-bottom:1px solid var(--color-border);color:var(--color-text)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--color-bg-subtle)}button{font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px 20px;font-size:var(--font-size-sm);font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);background:var(--color-dark);color:#fff;letter-spacing:.3px;text-transform:uppercase}button:hover{background:var(--color-dark-hover)}button:active{background:var(--color-dark)}button:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-bg)}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap}.badge.procesado,.badge.completada,.badge.generado,.badge.conciliado,.badge.exacto,.badge.confirmado,.badge.conciliada,.badge.validada{background:var(--color-success-light);color:var(--color-success)}.badge.pendiente,.badge.en_proceso,.badge.tolerancia,.badge.parcial{background:var(--color-warning-light);color:var(--color-warning)}.badge.error,.badge.sin_cruzar,.badge.descartado,.badge.ambiguo{background:var(--color-error-light);color:var(--color-error)}.badge.revisada,.badge.seleccionado{background:var(--color-accent-light);color:var(--color-accent)}.badge-sm{font-size:11px;background:var(--color-bg-subtle);padding:2px 6px;border-radius:4px;color:var(--color-text-secondary);margin-right:2px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--color-bg);padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000008;display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:border-color .2s,box-shadow .2s}.stat-card:hover{border-color:#e8874a4d;box-shadow:0 4px 12px -2px #00000014,0 2px 4px -1px #0000000a}.stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;box-shadow:0 2px 8px -2px #3b82f666}.stat-icon.green{background:linear-gradient(135deg,#047857,#059669);color:#fff;box-shadow:0 2px 8px -2px #05966966}.stat-icon.orange{background:linear-gradient(135deg,#c0632c,#e8874a);color:#fff;box-shadow:0 2px 8px -2px #e8874a66}.stat-icon.purple{background:linear-gradient(135deg,#5b21b6,#7c3aed);color:#fff;box-shadow:0 2px 8px -2px #7c3aed59}.stat-icon.warning{background:linear-gradient(135deg,#b45309,#d97706);color:#fff;box-shadow:0 2px 8px -2px #d9770666}.stat-icon.cyan{background:linear-gradient(135deg,#0e7490,#06b6d4);color:#fff;box-shadow:0 2px 8px -2px #06b6d466}.stat-icon.dark{background:linear-gradient(135deg,#1e1e2f,#2a2a40);color:#fff;box-shadow:0 2px 8px -2px #1e1e2f59}.stat-info{display:flex;flex-direction:column}.stat-number{font-size:1.5rem;font-weight:700;color:var(--color-text);line-height:1.2}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.quick-action{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);text-align:left;color:var(--color-text);cursor:pointer;transition:all var(--transition)}.quick-action:hover{border-color:#e8874a66;background:var(--color-accent-light);box-shadow:0 2px 6px -1px #e8874a1f}.quick-action:hover .qa-arrow{color:var(--color-accent)}.quick-action strong{display:block;font-size:var(--font-size-sm);font-weight:600}.quick-action small{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.quick-action div{flex:1}.qa-arrow{color:var(--color-text-muted);transition:color var(--transition)}.upload-section{margin-bottom:var(--spacing-xl)}.upload-area{display:flex;gap:var(--spacing-md);align-items:center;padding:var(--spacing-lg);background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius);margin-bottom:var(--spacing-md)}.upload-area input[type=file]{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.processing{color:var(--color-accent);font-weight:600;font-size:var(--font-size-sm);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .3s ease-out both}.animate-slide-up{animation:slideUp .4s ease-out both}.animate-slide-in-left{animation:slideInLeft .25s ease-out both}.animate-shimmer{animation:shimmer 2s infinite}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--color-text-secondary)}.form-group input{width:100%;padding:10px 12px;font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition);outline:none}.form-group input:focus{border-color:var(--color-accent)}.form-group input::placeholder{color:var(--color-text-muted)}.error-msg{background:var(--color-error-light);color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);border:1px solid #fecaca}.info-msg{background:var(--color-accent-light);color:var(--color-accent);padding:var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);border:1px solid #c7c6ff}.resultado{background:var(--color-bg);padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius);margin-top:var(--spacing-md)}.warnings{margin-top:var(--spacing-md);color:var(--color-warning);font-size:var(--font-size-sm)}.warnings ul{margin-left:var(--spacing-lg);list-style:disc}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#1e1e2f,#2a2a40,#1e1e2f)}.login-card{background:var(--color-bg);padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-lg);border-radius:12px;width:420px;max-width:90vw;box-shadow:0 8px 32px #0003}.login-logo{text-align:center;margin-bottom:var(--spacing-lg)}.logo-sai{max-height:70px;max-width:100%;width:auto;object-fit:contain;display:inline-block}.login-title{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.login-card h1,.login-card h2{display:none}.btn-full{width:100%;padding:12px;font-size:var(--font-size-base);font-weight:600;margin-top:var(--spacing-sm);background:#e8874a}.btn-full:hover{background:#d4753a}.login-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.logo-totvs{height:24px;opacity:.5}.login-footer span{font-size:11px;color:var(--color-text-muted)}.stats-row{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.stat-badge{padding:6px 12px;border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:600}.stat-badge.green{background:var(--color-success-light);color:var(--color-success)}.stat-badge.orange{background:var(--color-warning-light);color:var(--color-warning)}.stat-badge.red{background:var(--color-error-light);color:var(--color-error)}.stat-badge.gray{background:var(--color-bg-subtle);color:var(--color-text-secondary);border:1px solid var(--color-border)}.stat-badge.blue{background:var(--color-accent-light);color:var(--color-accent)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.filtros{display:flex;gap:4px}.btn-filter{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);padding:6px 12px;font-size:13px;font-weight:500;border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.btn-filter:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-light)}.btn-filter.active{background:var(--color-dark);color:#fff;border-color:var(--color-dark)}.acciones{display:flex;gap:var(--spacing-sm)}.btn-ok{background:var(--color-success)}.btn-ok:hover{background:#047857}.btn-no{background:var(--color-error)}.btn-no:hover{background:#b91c1c}.btn-sm{padding:6px 10px;font-size:12px}.row-selected,.row-selected td{background:var(--color-success-light)!important}input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-accent)}.flow-diagram{margin-top:var(--spacing-xl)}.flow-steps{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-sm)}.flow-step{background:var(--color-bg);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500}.flow-arrow{color:var(--color-accent);font-size:1.2rem;font-weight:700}@media(max-width:900px){.app-header{padding:0 var(--spacing-md);gap:var(--spacing-sm)}.app-header nav{overflow-x:auto}.nav-link{padding:var(--spacing-sm);font-size:var(--font-size-xs);white-space:nowrap}.app-main{padding:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.app-header h1{display:none}.stats-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.filtros{flex-wrap:wrap}}.glass-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000008;transition:border-color .2s,box-shadow .2s}.glass-card:hover{border-color:#e8874a33;box-shadow:0 4px 12px -2px #00000014,0 2px 4px -1px #0000000a}.gradient-accent{background:linear-gradient(135deg,#c0632c,#e8874a);color:#fff}.gradient-success{background:linear-gradient(135deg,#047857,#059669);color:#fff}.gradient-warning{background:linear-gradient(135deg,#b45309,#d97706);color:#fff}.gradient-error{background:linear-gradient(135deg,#b91c1c,#dc2626);color:#fff}.gradient-dark{background:linear-gradient(135deg,#1e1e2f,#2a2a40);color:#fff}.gradient-purple{background:linear-gradient(135deg,#5b21b6,#7c3aed);color:#fff}.gradient-blue{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff}.gradient-cyan{background:linear-gradient(135deg,#0e7490,#06b6d4);color:#fff}.shadow-glow-accent{box-shadow:0 2px 8px -2px #e8874a66}.shadow-glow-success{box-shadow:0 2px 8px -2px #05966966}.shadow-glow-warning{box-shadow:0 2px 8px -2px #d9770666}.shadow-glow-error{box-shadow:0 2px 8px -2px #dc262666}.shadow-glow-dark{box-shadow:0 2px 8px -2px #1e1e2f59}.shadow-glow-purple{box-shadow:0 2px 8px -2px #7c3aed59}.shadow-glow-blue{box-shadow:0 2px 8px -2px #3b82f666}.shadow-glow-cyan{box-shadow:0 2px 8px -2px #06b6d466}.page-header{display:flex;flex-direction:column;margin-bottom:var(--spacing-lg)}.page-header-row{display:flex;align-items:center;gap:var(--spacing-sm)}.page-header h2{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin-bottom:0}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.qa-step{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:11px 13px;display:flex;align-items:center;gap:9px;text-align:left;color:var(--color-text);cursor:pointer;width:100%;text-transform:none;font-weight:400;box-shadow:0 1px 3px #0000000a;transition:border-color .2s,background .2s,box-shadow .2s}.qa-step:hover{border-color:#e8874a66;background:var(--color-accent-light);box-shadow:0 2px 6px -1px #e8874a1f}.qa-step.active{background:var(--color-accent-light);border:2px solid var(--color-accent);box-shadow:0 2px 8px -2px #e8874a4d}.qa-step:hover .qa-arrow,.qa-step.active .qa-arrow{color:var(--color-accent)}.qa-num{background:var(--color-text-muted);color:#fff;border-radius:50%;width:21px;height:21px;min-width:21px;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;flex-shrink:0;transition:background .2s}.qa-step.active .qa-num{background:var(--color-accent)}.qa-icon-wrap{color:var(--color-text-muted);display:flex;align-items:center;transition:color .2s;flex-shrink:0}.qa-step.active .qa-icon-wrap,.qa-step:hover .qa-icon-wrap{color:var(--color-accent)}.qa-content{flex:1;min-width:0}.qa-content strong{display:block;font-size:.8rem;font-weight:600;color:var(--color-text)}.qa-content small{display:block;font-size:.7rem;color:var(--color-text-muted);margin-top:1px;font-weight:400}.qa-step.active .qa-content strong{color:var(--color-accent)}.monto-card{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg);border:1px solid var(--color-border);border-left:4px solid var(--color-success);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a;transition:box-shadow .2s}.monto-card:hover{box-shadow:0 4px 12px -2px #0596691f}.monto-card-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.monto-card-value{font-size:1.6rem;font-weight:700;color:var(--color-success);line-height:1.2;margin-top:4px}.alert{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;font-size:var(--font-size-sm);line-height:1.4}.alert-icon{flex-shrink:0;display:flex;align-items:center}.alert-content{flex:1;display:flex;align-items:center;gap:8px}.alert-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;color:inherit;opacity:.6;display:flex;align-items:center;margin-left:4px;transition:opacity var(--transition)}.alert-close:hover{opacity:1}.alert-success{background:var(--color-success-light);color:var(--color-success)}.alert-error{background:var(--color-error-light);color:var(--color-error)}.alert-warning{background:var(--color-warning-light);color:var(--color-warning);border:1px solid #fcd34d}.alert-info{background:var(--color-accent-light);color:var(--color-accent)}