*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f4f6f8;color:#1a1a1a}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#036;color:#fff;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.app-header-titulo{display:flex;align-items:center;gap:14px}.app-logo-wrap{background:#fff;border-radius:8px;padding:6px 12px;display:flex;align-items:center}.app-logo{height:34px;width:auto;display:block}.app-header-titulo h1{font-size:1.25rem}.app-header-titulo p{font-size:.85rem;opacity:.8}.app-header-acciones{display:flex;align-items:center;gap:10px}.filtro-clase{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#ffffffd9}.filtro-clase select{padding:7px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.4);background:#ffffff1a;color:#fff;font-size:.85rem}.filtro-clase select option{color:#1a1a1a}.archivos-cargados{background:#eef3f8;color:#444;font-size:.8rem;padding:6px 28px;border-bottom:1px solid #dfe4ea}.btn-primario,.btn-secundario{border:none;border-radius:6px;padding:10px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-primario{background:#0c9;color:#036}.btn-secundario{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}.btn-primario:hover,.btn-secundario:hover{opacity:.85}.btn-primario:disabled{opacity:.6;cursor:not-allowed}.app-main{flex:1;padding:24px;max-width:1400px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.tabs{display:flex;gap:4px;border-bottom:2px solid #e0e4e8}.tab-boton{border:none;background:transparent;padding:10px 18px;font-size:.9rem;font-weight:600;color:#667;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.tab-boton:hover{color:#036}.tab-boton.activa{color:#036;border-bottom-color:#0c9}.cargando-overlay{text-align:center;padding:10px;background:#fff8e1;border-radius:6px;font-size:.85rem;color:#8a6d00}.panel-subtitulo{font-size:.8rem;color:#888;margin-top:-10px;margin-bottom:14px}.fila-total td{font-weight:700;border-top:2px solid #003366}.celda-monto-pct{line-height:1.3}.pct-secundario{font-size:.72rem;color:#888;font-weight:400}.upload-panel{max-width:560px;margin:60px auto}.upload-drop{border:2px dashed #003366;border-radius:12px;padding:60px 30px;text-align:center;cursor:pointer;background:#fff;transition:background .15s,border-color .15s}.upload-drop.arrastrando{background:#e6fff7;border-color:#0c9}.upload-icono{font-size:48px;margin-bottom:12px}.upload-hint{color:#777;font-size:.9rem;margin-top:6px}.upload-error{margin-top:16px;background:#fdecea;color:#c0392b;padding:12px 16px;border-radius:6px;font-size:.9rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.kpi-card{background:#fff;border-radius:8px;padding:16px 18px;border-left:5px solid #003366;box-shadow:0 1px 3px #00000014}.kpi-etiqueta{font-size:.78rem;color:#666;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px}.kpi-valor{font-size:1.4rem;font-weight:700;color:#1a1a1a}.panel{background:#fff;border-radius:8px;padding:18px 20px;box-shadow:0 1px 3px #00000014}.panel h3{font-size:1rem;margin-bottom:14px;color:#036}.grid-2col{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}@media (max-width: 900px){.grid-2col{grid-template-columns:1fr}}.tabla-scroll{overflow-x:auto;max-height:480px;overflow-y:auto}.tabla{width:100%;border-collapse:collapse;font-size:.85rem}.tabla thead th{background:#036;color:#fff;text-align:left;padding:9px 10px;white-space:nowrap}.tabla-scroll .tabla thead th{position:sticky;top:0}.tabla tbody td{padding:8px 10px;border-bottom:1px solid #eee}.tabla tbody tr:nth-child(2n){background:#fafbfc}.tabla td.num{text-align:right;font-variant-numeric:tabular-nums}.tabla-centrada thead th,.tabla-centrada td.num{text-align:center}.badge{display:inline-block;padding:3px 9px;border-radius:12px;font-size:.75rem;font-weight:600;color:#1a1a1a;white-space:nowrap}.sin-datos{text-align:center;color:#888;padding:20px 0}.celda-editable{width:100%;min-width:110px;padding:5px 7px;border:1px solid transparent;border-radius:4px;font-size:.82rem;background:transparent;font-family:inherit}.celda-editable:hover{border-color:#ddd;background:#fff}.celda-editable:focus{border-color:#0c9;background:#fff;outline:none}.alertas-lista{list-style:none;display:flex;flex-direction:column;gap:10px;max-height:280px;overflow-y:auto}.alerta-item{border-left:4px solid #E8564B;background:#fdf3f2;padding:10px 12px;border-radius:4px}.alerta-cliente{font-weight:700;font-size:.88rem}.alerta-detalle{font-size:.82rem;color:#555;margin-top:2px}.alerta-accion{font-size:.78rem;color:#c0392b;margin-top:4px;font-style:italic}.resumen-top-clientes{display:flex;gap:24px;flex-wrap:wrap;background:#f4f6f8;border-radius:6px;padding:10px 14px;margin-bottom:14px;font-size:.88rem;color:#444}.critica-desplegable summary{cursor:pointer;font-weight:600;color:#036;padding:10px 0;list-style:none}.critica-desplegable summary::-webkit-details-marker{display:none}.critica-desplegable summary:before{content:"▶";display:inline-block;margin-right:8px;font-size:.7em;transition:transform .15s}.critica-desplegable[open] summary:before{transform:rotate(90deg)}.gestion-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.filtros{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.filtros select,.filtros input{padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:.85rem}.filtros input{flex:1;min-width:180px}.paginacion{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;font-size:.85rem}.paginacion button{padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer}.paginacion button:disabled{opacity:.4;cursor:not-allowed}.ver-mas{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;font-size:.85rem;color:#666;flex-wrap:wrap}.login-pantalla{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#036,#001f3d);padding:20px}.login-tarjeta{background:#fff;border-radius:12px;padding:40px 36px;max-width:380px;width:100%;box-shadow:0 10px 40px #00000040;text-align:center}.login-logo-wrap{display:inline-flex;margin-bottom:18px}.login-tarjeta h1{font-size:1.15rem;color:#036;margin-bottom:4px}.login-campo{display:flex;flex-direction:column;gap:6px;text-align:left;font-size:.85rem;color:#444;margin-top:16px}.login-campo input{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem}.login-boton{width:100%;margin-top:22px;padding:12px}.usuario-sesion{font-size:.85rem;color:#ffffffd9}.form-usuario{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.form-usuario input,.form-usuario select{padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:.85rem}.restablecer-clave{display:flex;gap:6px}.restablecer-clave input{width:110px;padding:5px 7px;border:1px solid #ddd;border-radius:4px;font-size:.8rem}