:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-secondary:#fbfbfd;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--divider:#d2d2d7;--divider-light:#f5f5f7;--red:#ff3b30;--accent:#3d9970;--accent-dark:#277c56;--accent-light:#ecf8f3;--accent-muted:#70a98f;--shadow-panel:0 1px 3px #0000000a;--shadow-toggle-knob:0 1px 2px #0003;--radius-panel:18px;--radius-control:10px;--radius-pill:980px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1,h2,h3,p{margin:0}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.page{flex-direction:column;gap:32px;max-width:1240px;margin:0 auto;padding:48px 24px 96px;display:flex}.panel{background:var(--bg);border:1px solid var(--divider);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:28px 32px}.panel-title{letter-spacing:-.02em;margin-bottom:16px;font-size:20px;font-weight:600}.header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.header h1{letter-spacing:-.03em;font-size:44px;font-weight:600}.header-meta{color:var(--text-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:13px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot.is-loading{background:var(--text-secondary);animation:1.2s ease-in-out infinite pulse}.status-dot.is-error{background:var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.btn{border-radius:var(--radius-pill);border:none;padding:9px 20px;font-size:14px;font-weight:500;transition:background-color .15s,color .15s,border-color .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{color:var(--accent);border:1px solid var(--divider);background:0 0}.btn-secondary:hover{border-color:var(--accent-muted)}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--radius-pill);border:1px solid var(--divider);background:var(--bg);color:var(--text-primary);align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.chip:hover{border-color:#a9a9ae}.chip.is-active{color:#fff;background:#1d1d1f;border-color:#1d1d1f}.chip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chip-group{padding:7px 16px}.chip-group.is-active{background:var(--accent);border-color:var(--accent)}.toggle-row{align-items:center;gap:10px;display:flex}.toggle-label{color:var(--text-primary);font-size:14px}.toggle{background:var(--divider);border:none;border-radius:999px;flex-shrink:0;width:32px;height:20px;padding:0;transition:background-color .15s;position:relative}.toggle.is-on{background:var(--accent)}.toggle-knob{width:16px;height:16px;box-shadow:var(--shadow-toggle-knob);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle.is-on .toggle-knob{transform:translate(12px)}.date-input{border:1px solid var(--divider);border-radius:var(--radius-control);color:var(--text-primary);background:var(--bg);outline:none;padding:8px 12px;font-size:14px;transition:box-shadow .15s,border-color .15s}.date-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3d997026}.filter-section{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.filter-section:last-child{margin-bottom:0}.filter-section-label{color:var(--text-secondary);font-size:13px;font-weight:500}.filter-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.date-range-row{align-items:center;gap:10px;display:flex}.date-range-sep{color:var(--text-secondary);font-size:13px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.kpi-card{background:var(--bg);border:1px solid var(--divider);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:20px 22px}.kpi-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.kpi-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600}.kpi-delta{font-variant-numeric:tabular-nums;margin-top:4px;font-size:13px;font-weight:500}.kpi-delta.is-up{color:var(--red)}.kpi-delta.is-down{color:var(--accent)}table.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--divider-light);padding:10px 14px;font-size:13px;font-weight:500}.data-table td{border-bottom:1px solid var(--divider-light);font-variant-numeric:tabular-nums;padding:12px 14px}.data-table tbody tr{transition:background-color .1s}.data-table tbody tr:hover{background:var(--bg-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.table-product-cell{align-items:center;gap:8px;font-weight:500;display:flex}.chart-tooltip{-webkit-backdrop-filter:blur(20px);color:#fff;background:#1d1d1ff2;border-radius:12px;min-width:160px;padding:10px 14px;font-size:13px;box-shadow:0 4px 24px #0000002e}.chart-tooltip-date{color:#fff9;font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:12px}.chart-tooltip-row{align-items:center;gap:7px;padding:2px 0;display:flex}.chart-tooltip-row .chip-dot{flex-shrink:0}.chart-tooltip-value{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.empty-state{color:var(--text-secondary);text-align:center;padding:24px 0;font-size:14px}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chart-legend-hint{color:var(--text-secondary);font-size:13px}