.app{max-width:1100px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1f2430}.app-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:28px;border-radius:12px;margin-bottom:24px}.app-header h1{margin:0 0 8px;font-size:1.7em}.app-header p{margin:0;opacity:.92;font-size:.95em}.banner-warn,.banner-error{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.9em}.banner-warn{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.banner-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}code{background:#0000000f;padding:1px 6px;border-radius:4px;font-size:.9em}.upload-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.upload-card{display:flex;gap:12px;border:2px dashed #d1d5db;border-radius:10px;padding:16px;background:#fafafa;transition:all .2s}.upload-card.cargado{border-color:#22c55e;border-style:solid;background:#f0fdf4}.upload-num{width:28px;height:28px;flex:none;background:#4f46e5;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9em}.upload-card.cargado .upload-num{background:#22c55e}.upload-body{flex:1;min-width:0}.upload-body h3{margin:0 0 4px;font-size:1em}.upload-detalle{margin:0 0 4px;font-size:.8em;color:#6b7280}.upload-hoja{margin:0 0 8px;font-size:.78em;color:#6b7280}.upload-body input[type=file]{width:100%;font-size:.8em}.upload-ok{margin:8px 0 0;color:#16a34a;font-size:.85em;font-weight:600}.filter-bar{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;margin-bottom:20px}.filter-field{display:flex;flex-direction:column;gap:4px}.filter-field label{font-size:.8em;color:#6b7280;font-weight:600}.filter-field select,.filter-field input{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.9em;min-width:180px}.btn-verificar{margin-left:auto;background:#4f46e5;color:#fff;border:none;padding:10px 22px;border-radius:6px;font-size:.95em;font-weight:600;cursor:pointer;transition:background .2s}.btn-verificar:hover:not(:disabled){background:#4338ca}.btn-verificar:disabled{background:#c7cbd1;cursor:not-allowed}.results{margin-top:8px}.results-head{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.results-head h2{margin:0;font-size:1.3em}.periodo{color:#6b7280;font-size:.9em}.btn-export{margin-left:auto;background:#16a34a;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.88em;font-weight:600;cursor:pointer;transition:background .2s}.btn-export:hover{background:#15803d}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;text-align:center}.card-label{display:block;font-size:.8em;color:#6b7280;margin-bottom:6px}.card-value{display:block;font-size:1.8em;font-weight:700;color:#4f46e5}.card-value.alert{color:#dc2626}.totales{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;margin-bottom:24px}.totales h3{margin:0 0 12px;font-size:1em;color:#374151}.totales-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.total-item{display:flex;justify-content:space-between;align-items:center;background:#f9fafb;border-radius:6px;padding:8px 12px}.total-label{font-size:.85em;color:#6b7280}.total-value{font-weight:700;color:#1f2430}.sec-title{margin:8px 0 14px;font-size:1.05em}.frente-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;margin-bottom:14px}.frente-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.frente-head h4{margin:0;font-size:1em;color:#1f2430}.frente-tags{display:flex;gap:6px}.tag{background:#eef2ff;color:#4f46e5;padding:3px 10px;border-radius:20px;font-size:.78em;font-weight:600}.tag.m2{background:#f3f4f6;color:#374151}table.grupos{width:100%;border-collapse:collapse;font-size:.88em}table.grupos th{text-align:left;padding:8px;color:#6b7280;font-weight:600;border-bottom:2px solid #f3f4f6;font-size:.9em}table.grupos td{padding:8px;border-bottom:1px solid #f3f4f6}tr.row-warn td{background:#fffbeb}tr.row-bad td{background:#fef2f2}tr.row-info td{background:#eff6ff}.badge{padding:2px 10px;border-radius:20px;font-size:.75em;font-weight:700}.badge.ok{background:#dcfce7;color:#15803d}.badge.warn{background:#fef3c7;color:#b45309}.badge.bad{background:#fee2e2;color:#b91c1c}.badge.info{background:#dbeafe;color:#1d4ed8}.badge.muted{background:#f3f4f6;color:#9ca3af}.muted{color:#9ca3af;font-style:italic;font-size:.88em}.muted-cell{color:#9ca3af;font-size:.82em}.tabla-scroll{overflow-x:auto}.nota{font-size:.8em;color:#6b7280;margin:6px 2px 20px;font-style:italic}.panol-detalle{margin-top:18px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px 16px}.panol-detalle summary{cursor:pointer;font-weight:600;font-size:.9em;color:#374151}.panol-detalle[open] summary{margin-bottom:12px}.panol-detalle .sin-list{list-style:none;padding-left:0}.sin-frente{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:16px;margin-top:20px}.sin-frente h3{margin:0 0 6px;font-size:1em;color:#92400e}.sin-frente h4{margin:12px 0 6px;font-size:.9em;color:#78350f}.sin-list{margin:0;padding-left:18px;font-size:.85em;color:#4b5563}.sin-list li{margin-bottom:3px}@media (max-width: 800px){.upload-panel,.cards{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.btn-verificar{margin-left:0}.filter-field select,.filter-field input{min-width:0;width:100%}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light}body{min-height:100vh;background:#f5f5f5;color:#1f2430}