@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;font-family:Plus Jakarta Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}:root{--p:#1e3a5f;--accent:#0ea5e9;--ok:#10b981;--warn:#f59e0b;--err:#ef4444;--bg:#f8fafc;--card:#fff;--text:#1e293b;--muted:#64748b;--border:#e2e8f0;--shadow:0 1px 3px rgba(0,0,0,.06);--shadow-lg:0 4px 6px -1px rgba(0,0,0,.08);--r:10px;--rs:6px;--web:#1a5fb4;--pos:#059669;--purple:#7c3aed}.cmi-app{display:flex;flex-direction:column;height:100vh}.cmi-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.4rem .8rem;background:linear-gradient(135deg,var(--p) 0%,#2d4a6f 100%);color:#fff;box-shadow:var(--shadow-lg);gap:.5rem;flex-wrap:wrap}.cmi-header h1{font-size:1rem;font-weight:700;margin:0;letter-spacing:-.02em;white-space:nowrap}.header-left{display:flex;align-items:center;gap:.8rem}.date-filter{display:flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:500}.date-filter label{opacity:.9;font-size:.72rem}.date-filter input[type=date]{padding:.25rem .4rem;border:1px solid rgba(255,255,255,.3);border-radius:var(--rs);background:#ffffff1f;color:#fff;font-size:.78rem;font-family:inherit;width:120px}.date-filter input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7}.date-hint{font-size:.68rem;opacity:.7;font-style:italic;white-space:nowrap}.store-filter{display:flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:500}.store-filter label{opacity:.9;font-size:.72rem}.store-select{padding:.25rem 1.4rem .25rem .4rem;border:1px solid rgba(255,255,255,.3);border-radius:var(--rs);background:#ffffff1f;color:#fff;font-size:.78rem;font-family:inherit;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(255,255,255,.7)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .4rem center}.store-select option{background:#1e3a5f;color:#fff}.cmi-btn{padding:.25rem .5rem;background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:var(--rs);cursor:pointer;font-size:.78rem;font-family:inherit;font-weight:500}.cmi-btn:hover{background:#ffffff4d}.cmi-tabs{display:flex;align-items:flex-end;gap:0;overflow-x:auto;scrollbar-width:thin;padding:0 .15rem}.tab-group{display:flex;flex-direction:column;align-items:center;gap:0}.tab-group-label{font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.55;padding:0 .3rem;white-space:nowrap;line-height:1}.tab-group-sep{width:1px;height:24px;background:#fff3;margin:0 .1rem;align-self:flex-end}.tab-group-2x2 .tab-group-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.tab-group-grid2 .tab-group-inner,.tab-group-grid3 .tab-group-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.tab-btn{padding:.35rem .55rem;border:none;background:none;cursor:pointer;font-size:.72rem;font-weight:500;color:#fffc;border-bottom:2px solid transparent;white-space:nowrap;font-family:inherit;transition:all .15s}.tab-btn:hover{color:#fff;background:#ffffff14}.tab-btn.active{color:#fff;font-weight:600;border-bottom-color:var(--accent);background:#ffffff0f}.cmi-main{flex:1;overflow:hidden;background:var(--bg)}.tab-panel{display:none;height:100%;overflow:hidden}.tab-panel.active{display:block;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:.7}to{opacity:1}}.cmi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;padding:.7rem;height:100%;overflow:auto}.viz-cell.full{grid-column:1/-1}.viz-cell.half{grid-column:span 1}.kpis-row{min-height:auto}.grid-productos{grid-template-columns:1fr 1fr}.grid-productos .tall-left{grid-row:1/3}.grid-productos .right-stack{display:flex;flex-direction:column;gap:.7rem}.kpi-cards{display:flex;flex-wrap:wrap;gap:.5rem}.kpi-card{min-width:110px;padding:.55rem .8rem;background:var(--card);border-radius:var(--r);border-left:3px solid var(--accent);box-shadow:var(--shadow);transition:box-shadow .2s,transform .15s}.kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.kpi-card strong{font-size:.62rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.kpi-value{font-size:1.05rem;font-weight:700;color:var(--p);letter-spacing:-.02em}.kpi-sub{font-size:.6rem;color:var(--muted);display:block}.kpi-delta{font-size:.65rem;font-weight:600;margin-left:.25rem}.kpi-delta.positive{color:var(--ok)}.kpi-delta.negative{color:var(--err)}.viz-box{background:var(--card);border-radius:var(--r);padding:.4rem;min-height:200px;box-shadow:var(--shadow);overflow:hidden;position:relative}.viz-box.viz-wide{min-height:160px}.viz-box.viz-tall{min-height:300px}.viz-box.viz-xtall{min-height:380px}.viz-cell h3{margin:0 0 .25rem;font-size:.82rem;font-weight:600;color:var(--text)}.global-note{font-size:.65rem;color:var(--muted);margin:.2rem 0 0;font-style:italic}.loading{color:var(--muted);font-style:italic;padding:1rem;font-size:.8rem}.empty{color:var(--muted);padding:1rem;font-size:.8rem}.error{color:var(--err);padding:.8rem;font-size:.8rem}.alert-table{width:100%;border-collapse:collapse;font-size:.72rem}.alert-table th{text-align:left;padding:.3rem .4rem;border-bottom:2px solid var(--border);color:var(--muted);font-weight:600;text-transform:uppercase;font-size:.6rem;letter-spacing:.04em}.alert-table td{padding:.25rem .4rem;border-bottom:1px solid var(--border);color:var(--text)}.alert-table tr.critical td{background:#ef444414;color:var(--err);font-weight:600}@media (max-width:900px){.cmi-grid{grid-template-columns:1fr}.cmi-header{flex-direction:column;align-items:flex-start}}