.sales-chart-heading{align-items:flex-end}.sales-chart-actions{display:flex;gap:10px;flex-wrap:wrap}.sales-chart-controls{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:0 0 18px}.sales-chart-controls label{display:grid;gap:7px;color:#687b96;font-size:13px}.sales-chart-controls input,.sales-chart-controls select{min-width:190px;height:48px;border:1px solid #d7e0eb;border-radius:12px;background:#fff;color:#102947;padding:0 14px;font:inherit}.sales-branch-picker{display:grid;grid-template-columns:minmax(210px,.7fr) 2fr;gap:18px;align-items:center;background:#fff;border:1px solid #dbe4ef;border-radius:16px;padding:18px;margin-bottom:18px}.sales-branch-picker strong,.sales-branch-picker small{display:block}.sales-branch-picker small{color:#75859a;margin-top:5px;line-height:1.4}.sales-branch-options{display:flex;gap:8px;flex-wrap:wrap}.sales-branch-options label{position:relative;cursor:pointer}.sales-branch-options input{position:absolute;opacity:0;pointer-events:none}.sales-branch-options span{display:block;border:1px solid #d9e3ef;border-radius:999px;padding:9px 13px;background:#f8fafc;color:#50627b;font-weight:700;font-size:12px}.sales-branch-options input:checked+span{background:#e9f1ff;border-color:#abc4f4;color:#174fae}.sales-branch-options input:focus-visible+span{outline:3px solid rgba(38,102,219,.22)}.sales-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.sales-stat{background:#fff;border:1px solid #dbe4ef;border-radius:16px;padding:18px;min-height:106px;display:flex;flex-direction:column;justify-content:center}.sales-stat span{color:#74839a;font-size:13px}.sales-stat strong{font-size:24px;color:#102947;margin-top:9px;overflow-wrap:anywhere}.sales-stat.primary{background:linear-gradient(135deg,#174cae,#2d69da);border-color:transparent}.sales-stat.primary span,.sales-stat.primary strong{color:#fff}.sales-stat.text strong{font-size:18px}.sales-chart-panel{overflow:hidden}.sales-chart-scroll-note{color:#7b8aa0;font-size:12px}.sales-svg-wrap{overflow-x:auto;padding:8px 4px 0;-webkit-overflow-scrolling:touch}.sales-svg-wrap svg{display:block;width:100%;min-width:760px;height:auto}.chart-grid{stroke:#e5ebf3;stroke-width:1}.chart-axis{fill:#7d8ca1;font:12px Arial,sans-serif}.sales-legend{display:flex;flex-wrap:wrap;gap:10px 18px;padding:4px 18px 18px}.sales-legend span{display:inline-flex;align-items:center;gap:7px;color:#5c6d84;font-size:12px;font-weight:700}.sales-legend i,.sales-rank-head i{width:10px;height:10px;border-radius:50%;display:inline-block;flex:0 0 auto}.sales-period-details{border-top:1px solid #e6edf5;padding:18px}.sales-period-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}.sales-period-head strong,.sales-period-head small{display:block}.sales-period-head small,.sales-period-head>span{color:#7b8aa0;font-size:12px;margin-top:4px}.sales-period-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:9px}.sales-period-item{border:1px solid #dfe7f1;border-radius:12px;background:#f8fafc;padding:11px 12px}.sales-period-item span,.sales-period-item strong{display:block}.sales-period-item span{color:#718098;font-size:12px}.sales-period-item strong{color:#14375f;font-size:14px;margin-top:5px}.sales-period-empty{border-top:1px solid #e6edf5;padding:22px;text-align:center;color:#71809a}.sales-chart-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:18px;margin-top:18px}.sales-ranking,.sales-average-note{margin:0}.sales-rank-row{padding:10px 18px}.sales-rank-head{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:13px}.sales-rank-head span{display:flex;align-items:center;gap:8px;color:#40536d;font-weight:700}.sales-rank-head strong{color:#102947}.sales-rank-track{height:8px;margin-top:8px;border-radius:999px;background:#edf1f6;overflow:hidden}.sales-rank-track span{display:block;height:100%;border-radius:inherit}.sales-average-note{padding:24px}.sales-average-note h2{margin:10px 0}.sales-average-note p{color:#687b96;line-height:1.65}.sales-average-note strong{display:block;margin-top:18px;color:#174fae}.sales-report-table{margin-top:18px}.sales-chart-table{width:100%;border-collapse:collapse}.sales-chart-table th,.sales-chart-table td{padding:14px 16px;border-bottom:1px solid #e7edf4;text-align:right;white-space:nowrap}.sales-chart-table th:first-child,.sales-chart-table td:first-child{text-align:left}.sales-chart-table th{font-size:12px;color:#71809a;background:#f7f9fc}.sales-chart-table td{font-size:13px;color:#233955}.sales-change{display:inline-block;padding:5px 8px;border-radius:999px;font-weight:800}.sales-change.up{color:#187844;background:#e9f7ef}.sales-change.down{color:#b33232;background:#fff0f0}.sales-chart-empty{padding:42px 20px;text-align:center;color:#71809a}
@media(max-width:850px){.sales-branch-picker{grid-template-columns:1fr}.sales-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-chart-grid{grid-template-columns:1fr}}
@media(max-width:600px){.sales-chart-heading{align-items:stretch}.sales-chart-actions{display:grid;grid-template-columns:1fr 1fr}.sales-chart-actions button{width:100%;padding-left:10px;padding-right:10px}.sales-chart-controls{display:grid;grid-template-columns:1fr 1fr;align-items:end}.sales-chart-controls .mode-buttons{grid-column:1/-1}.sales-chart-controls label{min-width:0;font-size:12px}.sales-chart-controls input,.sales-chart-controls select{width:100%;min-width:0}.sales-branch-picker{padding:15px}.sales-branch-options{display:grid;grid-template-columns:1fr 1fr}.sales-branch-options span{text-align:center;padding:10px 8px}.sales-chart-panel .panel-head{align-items:flex-start}.sales-chart-scroll-note{display:none}.sales-svg-wrap svg{min-width:640px}.sales-period-head{align-items:flex-start}.sales-period-head>span{display:none}.sales-period-list{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px;-webkit-overflow-scrolling:touch}.sales-period-item{min-width:126px;scroll-snap-align:start}.sales-stats{gap:10px}.sales-stat{min-height:88px;padding:14px}.sales-stat strong{font-size:19px}.sales-stat.text strong{font-size:15px}.sales-chart-table thead{display:none}.sales-chart-table,.sales-chart-table tbody,.sales-chart-table tr,.sales-chart-table td{display:block;width:100%}.sales-chart-table tr{padding:12px 15px;border-bottom:1px solid #e7edf4}.sales-chart-table td{display:flex;justify-content:space-between;gap:18px;padding:7px 0;border:0;text-align:right;white-space:normal}.sales-chart-table td:before{content:attr(data-label);color:#71809a;font-size:12px;text-align:left}.sales-chart-table td:first-child{padding-bottom:10px;margin-bottom:4px;border-bottom:1px dashed #dfe6ef}.sales-chart-table td:first-child:before{display:none}}
@media print{.sales-chart-actions,.sales-chart-controls,.sales-branch-picker{display:none!important}.sales-chart-grid{grid-template-columns:1fr 1fr}.sales-svg-wrap{overflow:visible}.sales-svg-wrap svg{min-width:0}.sales-chart-panel,.sales-report-table,.sales-ranking,.sales-average-note{break-inside:avoid}}