:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f9f9f7;--surface:#fcfcfb;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--border:#0b0b0b1a;--gridline:#e1e0d9;--accent:#2a78d6;--status-good:#0ca30c;--status-good-track:#cdeecd;--status-warning:#fab219;--status-warning-track:#fdeac2}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface:#1a1a19;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--border:#ffffff1a;--gridline:#2c2c2a;--accent:#3987e5;--status-good:#0ca30c;--status-good-track:#123a1c;--status-warning:#fab219;--status-warning-track:#4a3a12}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface:#1a1a19;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--border:#ffffff1a;--gridline:#2c2c2a;--accent:#3987e5;--status-good:#0ca30c;--status-good-track:#123a1c;--status-warning:#fab219;--status-warning-track:#4a3a12}*{box-sizing:border-box}body{background:var(--page);color:var(--text-primary);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}#root{min-height:100vh}input,button{font:inherit;color:inherit}.page{max-width:1200px;margin:0 auto;padding:32px 20px 64px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-header-text{flex:1;min-width:260px}.page-header h1{margin:0 0 6px;font-size:22px;font-weight:600}.subtitle{color:var(--text-secondary);max-width:720px;margin:0 0 24px;font-size:13px;line-height:1.5}.page-logo{flex-shrink:0;width:auto;height:48px}.logo-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-light{display:none}:root:not([data-theme=light]) .logo-dark{display:block}}:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:block}.toolbar{flex-shrink:0;align-items:center;gap:12px;display:flex}.theme-toggle{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:600}.theme-toggle:hover{background:var(--page)}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:20px;padding:18px 20px}.card-title{margin-bottom:10px;font-size:13px;font-weight:600}.upload-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=720px){.upload-row{grid-template-columns:1fr}}.dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--page);border-radius:10px;padding:24px 16px}.dropzone:hover,.dropzone.dragover{border-color:var(--accent)}.dropzone.has-file{border-style:solid;border-color:var(--status-good)}.dropzone-label{margin-bottom:6px;font-size:13px;font-weight:600}.dropzone-hint{color:var(--text-muted);font-size:12px}.dropzone-file{color:var(--status-good);word-break:break-all;font-size:12px;font-weight:600}.dropzone-hint-small{margin-top:6px;font-size:11px}.file-list{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.file-list li{background:var(--page);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.file-list li span{word-break:break-all}.file-list-remove{font:inherit;color:#a3221f;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:600}.file-list-remove:hover{text-decoration:underline}.btn-primary,.btn-secondary{font:inherit;cursor:pointer;border-radius:6px;padding:9px 18px;font-size:13px;font-weight:600}.btn-primary{background:var(--accent);color:#fff;border:none}.btn-primary:disabled{opacity:.5;cursor:default}.btn-secondary{border:1px solid var(--border);background:var(--surface);color:var(--text-primary)}.btn-secondary:hover{background:var(--page)}.status-msg{border-radius:8px;margin-top:14px;padding:10px 14px;font-size:13px}.status-msg.error{color:#a3221f;background:#fdeceb;border:1px solid #f2b8b4}@media (prefers-color-scheme:dark){.status-msg.error{color:#e66767;background:#3a1a18;border-color:#5a2622}}.stat-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px;display:grid}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.stat-tile .label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600}.stat-tile .value{font-size:26px;font-weight:600}.stat-tile .sub{color:var(--text-muted);margin-top:4px;font-size:11px}.stat-tile.good .value{color:var(--status-good)}.stat-tile.warning .value{color:#c98500}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:20px;padding:18px 20px}.chart-wrap{height:260px}.tabs-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.export-actions,.tabs{gap:8px;display:flex}.tab-btn{font:inherit;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:600}.tab-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.search-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.search-input{border:1px solid var(--border);background:var(--page);min-width:200px;max-width:360px;color:var(--text-primary);border-radius:6px;flex:1;padding:8px 12px;font-size:13px}.search-input:focus{outline:2px solid var(--accent);outline-offset:1px}.date-field{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.date-field input,.date-field select{border:1px solid var(--border);background:var(--page);color:var(--text-primary);font:inherit;border-radius:6px;padding:7px 10px;font-size:13px}.date-field input:focus,.date-field select:focus{outline:2px solid var(--accent);outline-offset:1px}.search-count{color:var(--text-muted);white-space:nowrap;font-size:12px}.producto-nota{color:var(--text-muted);margin:0 0 12px;font-size:12px}.btn-link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.btn-link:hover{text-decoration:underline}.scroll-x{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12.5px}th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--gridline);background:var(--surface);padding:8px;font-size:11px;font-weight:600;position:sticky;top:0}td{border-bottom:1px solid var(--gridline);font-variant-numeric:tabular-nums;padding:6px 8px}tr:last-child td{border-bottom:none}.cell-input{border:1px solid var(--border);background:var(--page);width:100px;color:var(--text-primary);font:inherit;border-radius:5px;padding:5px 7px;font-size:12px}.badge{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-good{background:var(--status-good-track);color:var(--status-good)}.badge-warning{background:var(--status-warning-track);color:#c98500}.badge-muted{background:var(--gridline);color:var(--text-muted)}.empty-msg{color:var(--text-muted);text-align:center;padding:24px}.page-footer{color:var(--text-muted);text-align:center;margin-top:24px;font-size:11px}