@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#15263d;--muted:#768496;--bg:#f6f8fc;--border:#e6ebf1;--blue:#1463ee;--green:#13936b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--navy);font-family:'DM Sans',Arial,sans-serif;font-size:14px}.site-header{background:#fff;border-bottom:1px solid var(--border);height:78px;display:flex;align-items:center;gap:12px;padding:0 max(30px,calc((100vw - 1260px)/2));}.logo{background:var(--blue);color:#fff;border-radius:12px;width:44px;height:44px;display:grid;place-items:center;font-size:18px;font-weight:800}.site-title{display:grid;gap:2px}.site-title strong{font-family:Manrope,sans-serif;font-size:16px}.site-title span{font-size:11px;color:var(--muted)}.top-pill{margin-left:auto;color:#4f6b90;background:#eff5ff;padding:9px 12px;font-size:11px;font-weight:800;border-radius:22px}.wrap{max-width:1260px;margin:0 auto;padding:38px 30px 70px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:6px 0 23px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#788ba8;font-weight:800;margin:0 0 10px}.hero h1{font-family:Manrope,sans-serif;letter-spacing:-1.6px;font-size:32px;margin:0 0 8px}.period-dot{color:var(--blue)}.muted{color:var(--muted);margin:0;line-height:1.65}.controls{display:flex;align-items:center;gap:10px}.controls label{font-size:10px;font-weight:800;letter-spacing:1px;color:#8090a4}.controls input{border:1px solid #dbe4ee;border-radius:9px;padding:10px;background:white;color:var(--navy)}.logout{padding:11px 13px;border-radius:9px;border:1px solid var(--border);background:white;color:#586779;font-weight:700;cursor:pointer}.info-strip,.demo-banner{padding:14px 18px;border-radius:11px;margin:12px 0 22px;background:#eaf2ff;color:#3f608f;display:flex;align-items:start;gap:14px}.info-strip span{font-size:19px}.info-strip p{margin:0;line-height:1.55;font-size:12px}.demo-banner{background:#fff2d8;color:#926213;display:block;font-size:12px}.kpis{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.2fr;gap:14px}.kpi{position:relative;overflow:hidden;min-height:152px;padding:21px 22px;background:#fff;border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;gap:10px}.kpi-main{background:linear-gradient(120deg,#1667f0,#1351c9);color:#fff;border:0}.kpi-label{font-size:10px;font-weight:800;letter-spacing:.8px;color:#7b8da4}.kpi-main .kpi-label{color:#d3e5ff}.kpi strong{font-family:Manrope,sans-serif;letter-spacing:-1.5px;font-size:29px;white-space:nowrap}.hint{font-size:11px;color:#8190a2;line-height:1.5}.kpi-main .hint{color:#cfddff}.corner-circle{position:absolute;right:-33px;bottom:-85px;width:160px;height:160px;border-radius:100%;border:25px solid #ffffff18}.projection{background:#f0f5ff;border-color:#e0eafe}.columns{margin-top:17px;display:grid;grid-template-columns:1.6fr 1fr;gap:17px}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:23px}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:21px}.panel h2{font-family:Manrope,sans-serif;margin:0 0 6px;font-size:17px;letter-spacing:-.3px}.panel-head p{color:var(--muted);font-size:12px;margin:0}.light-tag{font-size:10px;color:#5e7b9e;font-weight:800;background:#edf4ff;border-radius:7px;padding:7px 9px;white-space:nowrap}.bar-chart{height:198px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #e5ecf4;background:repeating-linear-gradient(to top, transparent 0,transparent 47px,#f1f4f8 48px,#f1f4f8 49px);padding:0 2px}.bar{flex:1;min-width:2px;border-radius:4px 4px 0 0;background:#b6d0fd;transition:height .2s ease}.bar.highlight{background:#246cf2}.bar-zero{height:2px!important;background:#e6ecf4}.axis{display:flex;justify-content:space-between;color:#9daabd;font-size:10px;margin-top:11px}.condition{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4;padding:12px 0;gap:10px}.condition span{color:#7b8999;font-size:12px}.condition strong{font-size:13px}.conditions-panel hr{border:0;border-top:1px solid #edf0f4;margin:15px 0}.side-note{font-size:12px;color:#7a8797;line-height:1.6}.movements{margin-top:17px}.table-scroller{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:660px}th{color:#96a2b2;letter-spacing:.5px;font-size:10px;padding:14px 12px 13px 0;border-bottom:1px solid var(--border)}td{padding:16px 12px 16px 0;border-bottom:1px solid #eff2f5;color:#5e6d80}td b{color:var(--navy)}.amount-col{text-align:right}td.amount-col{font-weight:800;color:#0b8a62}.amount-col.negative{color:#c35651}.footer-note{margin-top:20px;color:#8c99ab;font-size:11px;line-height:1.7}.login-card{max-width:470px;margin:45px auto;background:white;border:1px solid var(--border);box-shadow:0 12px 45px #17283d0a;border-radius:18px;padding:40px}.login-symbol{display:grid;place-items:center;height:50px;width:50px;border-radius:14px;background:#eaf2ff;color:#2067df;font-size:25px;margin-bottom:24px}.login-card h1{font:800 25px Manrope,sans-serif;margin:0 0 14px;letter-spacing:-1px}.login-card form{margin-top:26px;display:grid;gap:10px}.login-card label{font-weight:700;font-size:12px}.login-card input{border-radius:9px;border:1px solid #dce5ed;padding:13px;font-size:14px;width:100%}.primary-button{background:#1766ec;border:0;border-radius:10px;color:white;padding:14px;font-weight:800;margin-top:8px;cursor:pointer}.small-print{color:#8d9aad;line-height:1.6;font-size:11px;margin-top:17px}.login-error{color:#c34f49;font-size:12px;min-height:15px}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.site-header{height:66px;padding:0 17px}.wrap{padding:24px 13px}.hero{display:block}.hero h1{font-size:26px}.controls{margin:18px 0 0}.columns{grid-template-columns:1fr}.kpis{gap:10px}.kpi{min-height:128px;padding:16px}.kpi strong{font-size:21px}.kpi-label{font-size:9px}.panel{padding:18px}.login-card{margin:15px auto;padding:25px}.top-pill{font-size:9px}.bar-chart{height:150px}}

.last-updated{white-space:nowrap;font-size:11px;color:#91a1b4;margin-left:5px}@media(max-width:700px){.controls{flex-wrap:wrap}.controls label{width:100%}}
[hidden]{display:none!important}

#vendor-select{border-radius:9px;border:1px solid #dce5ed;padding:13px;font-size:14px;width:100%;background:#fff;min-height:46px}

/* Identidad oficial Bazar Once Mayorista */
.official-logo{display:block;object-fit:contain;object-position:left center;height:auto;max-width:100%}
.vendor-header-logo{width:183px;flex:none}
.site-header{height:auto;min-height:93px}
.site-title{padding-left:14px;border-left:1px solid #dde5f0}
.vendor-login-logo{width:min(252px,100%);margin:0 auto 22px;object-position:center}
@media(max-width:700px){.site-header{min-height:77px;gap:8px}.vendor-header-logo{width:145px}.site-title{padding-left:8px}.site-title strong{font-size:13px}.site-title span{font-size:10px}.top-pill{display:none}}

/* Descarga mensual sin modificar el diseño del panel */
#export-excel{background:#1565e8;color:white;border-color:#1565e8;font-weight:650}
#export-excel:hover{background:#0e53c1}
#export-excel:disabled{opacity:.58;cursor:wait}