.period-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:1.5px solid #0000;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.period-btn.active{color:#4338ca;background:#eef2ff;border-color:#6366f1}.period-btn:hover:not(.active){background:#e2e8f0}.tab-btn{cursor:pointer;color:#94a3b8;-webkit-user-select:none;user-select:none;background:#f1f5f9;border:none;border-radius:9999px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .15s}.tab-btn:hover:not(.active){color:#64748b;background:#e2e8f0}.tab-btn[data-pctab=price].active{color:#3730a3;background:#e0e7ff}.tab-btn[data-pctab=purchase].active{color:#92400e;background:#fef3c7}.tab-btn[data-pctab=qty].active{color:#075985;background:#e0f2fe}.tab-btn[data-pctab=production].active{color:#5b21b6;background:#ede9fe}.tab-btn[data-pctab=event].active{color:#0f766e;background:#ccfbf1}.metric-btn{cursor:pointer;color:#94a3b8;-webkit-user-select:none;user-select:none;background:#f1f5f9;border:none;border-radius:9999px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .15s}.metric-btn:hover:not(.active){color:#64748b;background:#e2e8f0}.metric-btn.active[data-m=revenue],.metric-btn.active[data-dm=revenue]{color:#1d4ed8;background:#dbeafe}.metric-btn.active[data-m=profit],.metric-btn.active[data-dm=profit]{color:#065f46;background:#d1fae5}.metric-btn.active[data-m=units],.metric-btn.active[data-dm=units]{color:#0e7490;background:#cffafe}.kpi-delta-pos{color:#16a34a;font-size:12px;font-weight:600}.kpi-delta-neg{color:#dc2626;font-size:12px;font-weight:600}.kpi-delta-neu{color:#94a3b8;font-size:12px}tr.product-row{cursor:pointer}tr.product-row:hover td,tr.variant-row td{background:#f8fafc}tr.variant-row:hover td{background:#f0f4ff}tr.variant-row{display:none}tr.variant-row.visible{display:table-row}.sort-btn{cursor:pointer;-webkit-user-select:none;user-select:none}.sort-btn:hover{color:#6366f1}input[type=date]{color:#374151;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:5px 10px;font-size:13px}input[type=date]:focus{border-color:#6366f1;outline:none}.period-opt{cursor:pointer;color:#64748b;white-space:nowrap;background:#f1f5f9;border:1.5px solid #0000;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .12s}.period-opt:hover:not(.active){background:#e2e8f0}.period-opt.active{color:#4338ca;background:#eef2ff;border-color:#6366f1}.chart-mode-btn{cursor:pointer;color:#94a3b8;background:#f1f5f9;border:none;border-radius:9999px;padding:4px 13px;font-size:11px;font-weight:500;transition:all .12s}.chart-mode-btn:hover:not(.active){color:#64748b;background:#e2e8f0}.chart-mode-btn.active{color:#374151;background:#e2e8f0}.pc-view-btn{cursor:pointer;color:#94a3b8;background:#f1f5f9;border:none;border-radius:9999px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .15s}.pc-view-btn:hover:not(.active){color:#64748b;background:#e2e8f0}.pc-view-btn.active{color:#374151;background:#e2e8f0}