:root{--bg: #f4f6f9;--card: #ffffff;--text: #1d2733;--muted: #5e6b7a;--accent: #1f4e78;--accent-soft: #e6eef6;--border: #d8dee6;font-family:system-ui,Segoe UI,Roboto,sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}main{max-width:1400px;margin:0 auto;padding:24px 16px 48px}h1{margin:0 0 6px;color:var(--accent);font-size:1.6rem}header p{margin:0 0 20px;color:var(--muted);max-width:760px}.drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px 16px;border:2px dashed var(--border);border-radius:12px;background:var(--card);cursor:pointer;text-align:center;transition:.15s}.drop:hover,.drop.activo{border-color:var(--accent);background:var(--accent-soft)}.drop span{color:var(--muted);font-size:.85rem}.info{color:var(--accent)}.error{color:#b42318;background:#fdecea;padding:10px 14px;border-radius:8px}.resumen{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin:20px 0 12px}.resumen>div{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 16px;display:flex;flex-direction:column;min-width:120px}.resumen span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.resumen b{font-size:1.15rem}.resumen .clientes{flex:1;min-width:260px}.resumen .clientes b{font-size:.9rem;font-weight:600}.resumen button{margin-left:auto;border:0;border-radius:10px;padding:0 22px;min-height:48px;background:var(--accent);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.resumen button:hover{filter:brightness(1.15)}.tabla{overflow:auto;max-height:65vh;background:var(--card);border:1px solid var(--border);border-radius:10px}table{border-collapse:collapse;font-size:.8rem;white-space:nowrap}th{position:sticky;top:0;background:var(--accent);color:#fff;text-align:left;padding:8px 10px}td{padding:6px 10px;border-bottom:1px solid #eef1f4}tr.inicio td{font-weight:600;border-top:2px solid #8ea9c1;background:var(--accent-soft)}