.sales-head{display:flex;align-items:center;justify-content:space-between;margin:20px 0 28px;gap:20px}.sales-head h2{font-size:30px;letter-spacing:-1px;margin:12px 0}.sales-head p,.sales-note{font-size:12px;color:#747c80;line-height:1.7}.sales-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #dde3e3;margin-bottom:30px;background:#fff}.sales-kpis article{padding:28px;border-right:1px solid #e6eaea;border-bottom:1px solid #e6eaea;min-width:0}.sales-kpis small{font-size:13px;color:#626c6a}.sales-kpis strong{display:block;font-size:clamp(23px,2.7vw,35px);letter-spacing:-1px;color:#263f36;margin:14px 0;overflow-wrap:anywhere}.sales-kpis span{font-size:11px;color:#7b827f}.sales-chart .section-heading{align-items:flex-start}.sales-chart h3{margin:10px 0}.sales-chart p,.sales-two p{font-size:12px;color:#7b827f}.sales-chart form{display:flex;align-items:end;gap:8px}.sales-chart form label{font-size:11px;margin:0}.sales-chart form input{font-size:12px;padding:9px;min-width:0}.sales-period-summary{display:flex;gap:28px;flex-wrap:wrap;margin:25px 0;font-size:12px}.sales-period-summary b{display:block;font-size:20px;margin-top:9px}.sales-bars{height:180px;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid #dce4e1;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#eef1ef 44px,#eef1ef 45px)}.sales-bars>div{height:100%;display:flex;align-items:end;flex:1;min-width:0}.sales-bars i{width:100%;display:block;background:#577b6c;min-height:0}.sales-axis{display:flex;justify-content:space-between;font-size:11px;color:#888;margin:12px 0 22px}.sales-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sales-two .ops-card{min-width:0}.sales-states{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:20px 0}.sales-states>div{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eee;gap:10px;font-size:12px}.sales-states b{font-size:18px}.sales-stock-list{max-height:275px;overflow:auto}.sales-stock-list>div{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #eee;gap:15px;font-size:13px}.sales-stock-list small,.sales-rank small{display:block;color:#808884;font-size:11px;margin-top:7px}.sales-stock-list strong{color:#8a6719;white-space:nowrap}.sales-stock-list .empty{color:#b94137}.sales-rank{display:flex;align-items:center;gap:18px;border-bottom:1px solid #eee;padding:18px 0;font-size:13px}.sales-rank>span{color:#888;font-size:12px}.sales-rank>b{flex:1}.sales-rank>strong{white-space:nowrap}[data-settlement] input{min-width:105px;font-size:12px}[data-settlement] select{min-width:110px;font-size:12px}.sales-chart details .table-scroll{max-height:300px;overflow:auto}@media(max-width:800px){.sales-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-kpis article{padding:20px}.sales-two{grid-template-columns:1fr;gap:0}.sales-chart .section-heading{display:block}.sales-chart form{flex-wrap:wrap;margin-top:20px}.sales-head{align-items:flex-start}.sales-head h2{font-size:25px}.sales-head>a{font-size:11px;white-space:nowrap}.sales-chart form label{flex:1}.sales-period-summary{gap:20px}.sales-period-summary b{font-size:18px}.sales-states{gap:0 15px}.sales-states b{font-size:16px}}