:root{--azul: #1f4e78;--azul-claro: #2e6da4;--gris: #f4f6f9;--borde: #d9dee5;--verde: #1e8e3e;--rojo: #c5221f}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--gris);color:#1c1e21}header.app-header{background:var(--azul);color:#fff;padding:16px 24px}header.app-header h1{margin:0;font-size:20px}header.app-header p{margin:4px 0 0;opacity:.8;font-size:13px}nav.tabs{display:flex;gap:4px;background:#fff;padding:0 16px;border-bottom:1px solid var(--borde);flex-wrap:wrap}nav.tabs button{border:none;background:none;padding:14px 18px;font-size:14px;cursor:pointer;color:#555;border-bottom:3px solid transparent}nav.tabs button.activo{color:var(--azul);border-bottom-color:var(--azul);font-weight:600}main{padding:24px;max-width:1100px;margin:0 auto}.card{background:#fff;border:1px solid var(--borde);border-radius:8px;padding:20px;margin-bottom:20px}.card h2{margin-top:0;font-size:16px;color:var(--azul)}button.btn{background:var(--azul);color:#fff;border:none;padding:9px 16px;border-radius:6px;cursor:pointer;font-size:14px}button.btn:hover{background:var(--azul-claro)}button.btn.secundario{background:#fff;color:var(--azul);border:1px solid var(--azul)}button.btn.peligro{background:var(--rojo)}button.btn:disabled{opacity:.5;cursor:not-allowed}input,select{padding:8px 10px;border:1px solid var(--borde);border-radius:6px;font-size:14px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--borde)}th{background:#eef2f7;color:#333;position:sticky;top:0}tr:hover td{background:#fafbfc}.fila-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.badge{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.badge.pack{background:#fff3cd;color:#8a6d00}.badge.auto{background:#e7f0ff;color:#1f4e78}.badge.sin{background:#fde7e7;color:var(--rojo)}.badge.ok{background:#e6f4ea;color:var(--verde)}.alerta{padding:10px 14px;border-radius:6px;margin:10px 0;font-size:14px}.alerta.ok{background:#e6f4ea;color:var(--verde)}.alerta.error{background:#fde7e7;color:var(--rojo)}.resumen{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px}.resumen .kpi{background:#fff;border:1px solid var(--borde);border-radius:8px;padding:14px 20px}.resumen .kpi .num{font-size:24px;font-weight:700;color:var(--azul)}.resumen .kpi .lbl{font-size:12px;color:#666}.dropzone{border:2px dashed var(--borde);border-radius:8px;padding:30px;text-align:center;color:#777;margin-bottom:14px}.acciones{display:flex;gap:10px;flex-wrap:wrap}small.ayuda{color:#777;display:block;margin-top:6px}