.sales-dashboard{background:#fbfaf6;border:1px solid #193d3228;color:#233d32;box-shadow:0 20px 60px #193d3208}.sales-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 30px;border-bottom:1px solid #193d321a}.sales-top>div{display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:.04em}.sales-logo{font:32px Georgia,serif}.sales-top small{font-size:7px;display:block;margin-top:4px;color:#798374}.sales-live{font-size:9px;display:flex;align-items:center;gap:8px}.sales-live i{width:6px;height:6px;display:block;background:#689768;border-radius:50%}.sales-heading{padding:35px 30px;display:flex;justify-content:space-between;gap:30px;align-items:center}.sales-heading>div>span{font-size:8px;color:#73816e;letter-spacing:.05em}.sales-heading h4{font:500 33px/1.15 'Instrument Sans',sans-serif;letter-spacing:-.04em;margin:15px 0 0}.sales-heading>button,.sales-report-panel>button:first-of-type{background:#233d32;border:0;color:#f6f3ea;padding:15px 18px;font-size:11px;cursor:pointer;min-height:44px}.sales-heading>button span,.sales-report-panel>button span{margin-left:20px;font-size:20px}.sales-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:0 30px;border-top:1px solid #193d321a;border-bottom:1px solid #193d321a}.sales-metrics>div{padding:25px 25px 25px 0}.sales-metrics>div+div{border-left:1px solid #193d321a;padding-left:30px}.sales-metrics span{font-size:8px;color:#73816e;display:block;letter-spacing:.05em}.sales-metrics strong{font:500 clamp(25px,3.1vw,45px)/1.1 'Instrument Sans',sans-serif;letter-spacing:-.05em;display:block;margin:14px 0}.sales-metrics small{font-size:9px;color:#73816e}.sales-main{display:grid;grid-template-columns:1.5fr .8fr;gap:35px;padding:30px}.sales-chart>div:first-child{display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#73816e}.sales-bars{display:flex;align-items:end;justify-content:space-between;gap:15px;height:220px;border-bottom:1px solid #193d3220;padding-top:20px;background:repeating-linear-gradient(to top,transparent 0,transparent 48px,#193d3208 49px,#193d3208 50px)}.sales-bar{height:100%;display:flex;flex:1;flex-direction:column;justify-content:end;align-items:center;min-width:0}.sales-bar>span{font-size:8px;white-space:nowrap;margin-bottom:8px;color:#73816e}.sales-bar>i{display:block;width:75%;max-width:40px;background:#a8bd92;min-height:4px;transition:height .55s cubic-bezier(.2,.8,.2,1)}.sales-bar:last-child>i{background:#294d3a}.sales-bar>small{font-size:8px;color:#73816e;margin:10px 0}.sales-ranking>span{font-size:8px;color:#73816e}.sales-ranking ol{list-style:none;padding:0;margin:22px 0 0}.sales-ranking li{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #193d321a;font-size:12px}.sales-ranking li small{font-size:9px;color:#73816e;display:block;margin-top:4px}.sales-ranking strong{font-size:12px;font-weight:500;white-space:nowrap}.sales-lower{display:grid;grid-template-columns:1.3fr 1fr;border-top:1px solid #193d321a}.sales-feed{padding:25px 30px}.sales-feed>div{display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#73816e}.sales-feed ul{list-style:none;padding:0;margin:15px 0 0}.sales-feed li{display:grid;grid-template-columns:1fr auto;gap:5px 12px;border-bottom:1px solid #193d321a;padding:13px 0;font-size:11px}.sales-feed li small{grid-row:2;font-size:8px;color:#73816e}.sales-feed li strong{font-size:12px;font-weight:500}.sales-report-panel{background:#e7eddd;padding:30px}.sales-report-panel>span{font-size:8px;color:#73816e}.sales-report-panel h4{font-size:26px;line-height:1.15;letter-spacing:-.04em;font-weight:500;margin:18px 0}.sales-report-panel p{font-size:12px;line-height:1.8;max-width:350px;margin-bottom:20px}.sales-report-panel>button:last-child{display:block;border:0;background:none;color:inherit;font-size:10px;margin-top:15px;padding:10px 0;cursor:pointer}.sales-note{padding:20px 30px;font-size:10px;line-height:1.8;color:#73816e}#sales-report-output{margin:0 30px 20px;padding:28px;border:1px solid #193d3230;background:#f1f3e9}#sales-report-output>div:first-child{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:8px}#sales-download{border:0;border-bottom:1px solid;background:none;color:inherit;padding:8px 0;font-size:10px;cursor:pointer}#sales-report-output h4{font-size:27px;margin:23px 0 15px;letter-spacing:-.04em;font-weight:500}#sales-report-output p{font-size:13px;line-height:1.8}#sales-report-insights{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:22px 0}#sales-report-insights>div{border-top:1px solid #193d3225;padding-top:15px}#sales-report-insights strong{font-size:13px;display:block;font-weight:500;margin-bottom:8px}#sales-report-insights p{font-size:12px}#sales-report-output>small{font-size:9px;color:#73816e}.sales-dashboard.new-sale .sales-metrics strong{animation:salePulse .6s ease-out}@keyframes salePulse{from{color:#7f9e49;transform:translateY(3px)}to{color:#233d32;transform:none}}
@media(max-width:700px){.sales-top{padding:17px;gap:10px}.sales-top>div{font-size:7px;gap:10px}.sales-top small{font-size:6px}.sales-live{font-size:7px}.sales-heading{padding:25px 17px;display:block}.sales-heading h4{font-size:29px}.sales-heading>button{margin-top:20px;font-size:11px}.sales-metrics{margin:0 17px;grid-template-columns:1fr 1fr}.sales-metrics>div{padding:20px 10px 20px 0}.sales-metrics>div+div{padding-left:15px}.sales-metrics>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid #193d321a;padding:17px 0;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.sales-metrics strong{font-size:28px;white-space:nowrap}.sales-metrics>div:last-child strong{font-size:25px;margin:0}.sales-metrics span{font-size:7px}.sales-metrics small{font-size:8px}.sales-main{grid-template-columns:1fr;padding:25px 17px;gap:25px}.sales-chart>div:first-child{font-size:7px}.sales-bars{height:190px;gap:6px}.sales-bar>span{font-size:7px}.sales-ranking ol{margin-top:10px}.sales-ranking li{font-size:12px;padding:12px 0}.sales-lower{grid-template-columns:1fr}.sales-feed{padding:22px 17px}.sales-report-panel{padding:25px 20px}.sales-note{padding:20px 17px;font-size:9px}#sales-report-output{margin:0 17px 20px;padding:20px}#sales-report-output h4{font-size:25px}#sales-report-insights{grid-template-columns:1fr;gap:18px}#sales-report-output>div:first-child{flex-wrap:wrap}.sales-report-panel h4{font-size:27px}}
