.sales-shell{padding-top:17px;gap:28px}.sales-shell .sidebar{width:215px;top:14px;bottom:24px}.sales-main{margin-left:235px;width:calc(100% - 235px)}.sales-main .topbar{height:57px;margin-bottom:27px}.sales-main .search{width:43%;max-width:510px;padding:12px}.sales-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:23px;padding:0 6px}.sales-heading h1{font-size:34px;letter-spacing:-1px;margin-bottom:6px}.sales-heading .subtitle{font-size:14px}.sales-heading .filters{margin-top:-8px;gap:14px}.sales-heading .date-filter,.sales-heading .export,.sales-heading .periods{height:42px}.sales-heading .date-filter{font-size:12px;padding:0 12px}.sales-heading .periods button{font-size:12px;padding:9px 13px}.sales-heading .export{padding:0 20px}.sales-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}.sales-metric{height:157px;padding:15px 16px;background:linear-gradient(125deg,rgb(var(--theme-panel)/.6902),rgb(var(--theme-panel)))}.sales-metric .stat-label{font-size:12px;gap:17px;color:rgb(var(--theme-accent))}.sales-metric .stat-icon{width:36px;height:37px}.sales-metric-value{display:flex;justify-content:space-between;align-items:center;gap:5px;margin:10px 0 8px}.sales-metric-value strong{font-size:29px;letter-spacing:-.5px;white-space:nowrap}.sales-metric-value svg{width:80px;height:40px;max-width:42%;filter:drop-shadow(0 5px 7px rgb(var(--theme-accent)/.2078))}.metric-comparison{display:flex;align-items:center;gap:11px;white-space:nowrap}.metric-comparison>span{font-size:11px;color:#5ce8cf;background:#27bba91b;border-radius:7px;padding:7px 9px}.metric-comparison>span.refund-change{color:#ff6581;background:#ff65811a}.metric-comparison small{color:var(--accent);font-size:10px}.sales-analytics{display:grid;grid-template-columns:minmax(0,2.14fr) minmax(0,.92fr) minmax(0,1.04fr);gap:13px;margin-bottom:14px}.sales-analytics>.card{height:367px}.sales-analytics .section-header{padding:18px 20px 10px}.sales-analytics h2,.sales-lower h2{font-size:16px}.sales-analytics .section-header p,.sales-lower .section-header p{font-size:11px;line-height:1.4;margin-top:6px}.sales-performance .legend{gap:20px;margin-top:12px;font-size:10px}.sales-chart{height:279px;display:flex;gap:9px;padding:24px 17px 34px 19px}.sales-chart .y-labels{font-size:11px;min-width:30px}.sales-chart .right-axis{min-width:22px;text-align:left;font-size:10px}.sales-bars{position:absolute;inset:0;justify-content:space-around;background:repeating-linear-gradient(90deg,transparent,transparent calc(8.333% - 1px),rgb(var(--theme-line)/.4392) calc(8.333% - 1px),rgb(var(--theme-line)/.4392) 8.333%)}.sales-bar-column,.sales-bars{display:flex;align-items:flex-end}.sales-bar-column{width:8.333%;height:100%;justify-content:center;padding:0 8px;position:relative}.sales-bar-column>span{display:block;width:100%;max-width:27px;background:linear-gradient(90deg,#32e61f,rgb(var(--theme-accent)));border:1px solid rgb(var(--theme-accent)/.6);border-bottom:0;border-radius:4px 4px 0 0;box-shadow:0 0 16px rgb(var(--theme-accent)/.1451),inset 0 2px 3px rgb(var(--theme-accent)/.1333)}.sales-bar-column:focus-visible>span,.sales-bar-column:hover>span{filter:brightness(1.3);box-shadow:0 0 20px rgb(var(--theme-accent)/.3333)}.sales-order-line{inset:0;width:100%;height:100%;filter:drop-shadow(0 2px 3px #ff748b33)}.sales-order-line,.sales-tooltip{position:absolute;pointer-events:none}.sales-tooltip{top:3px;background:linear-gradient(130deg,rgb(var(--theme-panel)),rgb(var(--theme-panel)));border:1px solid #585858;border-radius:8px;padding:11px 12px;z-index:2;min-width:140px;box-shadow:0 8px 25px #0007;font-size:10px}.sales-tooltip strong{display:block;font-size:11px;font-weight:400;margin-bottom:8px}.sales-tooltip>span{display:flex;align-items:center;margin:7px 0 0}.sales-tooltip b{font-weight:400;margin-left:auto;padding-left:12px}.sales-tooltip i{width:8px;height:8px}.sales-channel .section-header{padding-left:19px}.channel-donut{width:169px;height:169px;margin:3px auto 13px;background:conic-gradient(rgb(var(--theme-accent)) 0 72%,#ff748b 72% 86%,#ffc071 86% 95%,#777777 95%);transform:none;box-shadow:0 0 30px rgb(var(--theme-accent)/.0824)}.channel-donut>div{width:115px;height:115px;transform:none;background:rgb(var(--theme-panel))}.channel-donut strong{font-size:20px}.channel-legend{padding:0 17px;display:grid;gap:11px}.channel-legend>div{display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap}.channel-legend i{height:11px;width:11px;flex-shrink:0;border-radius:50%;box-shadow:inset 0 1px 2px #fff5}.channel-legend span{flex:1 1;color:rgb(var(--theme-accent))}.channel-legend b{font-weight:400;margin-left:auto}.channel-legend small{font-size:10px;color:rgb(var(--theme-accent));min-width:49px;text-align:right}.top-products .section-header{border-bottom:1px solid rgb(var(--theme-line));padding:17px 18px 10px}.top-product{width:100%;display:flex;align-items:center;text-align:left;gap:11px;padding:6px 12px;border-bottom:1px solid rgb(var(--theme-panel));height:59px}.top-product:last-child{border:0}.top-product:hover{background:rgb(var(--theme-line)/.2667)}.product-rank{width:25px;height:26px;border-radius:50%;background:linear-gradient(130deg,#585858,rgb(var(--theme-line)));box-shadow:inset 0 1px 1px rgb(var(--theme-ink)/.0745);display:grid;place-items:center;font-size:12px;flex-shrink:0}.sales-product-art{width:42px;height:46px;background:linear-gradient(140deg,#f1f0ee,#d0d0d0);border:1px solid #f1f1f1;border-radius:7px;display:grid;place-items:center;flex-shrink:0;box-shadow:0 3px 7px #0003}.sales-product-art svg{width:37px;height:41px;filter:drop-shadow(1px 2px 1px #0003)}.product-copy{display:flex;flex-direction:column;gap:7px;flex:1 1;min-width:0}.product-copy strong{font-weight:400;font-size:12px;white-space:nowrap}.product-copy>span{display:flex;align-items:center;font-size:12px;gap:15px}.product-copy small{font-size:10px;color:rgb(var(--theme-accent));white-space:nowrap}.top-product .chevron{font-size:22px}.sales-lower{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1.8fr);gap:14px}.sales-lower>.card{min-height:277px}.sales-lower .section-header{padding:17px 20px 10px}.sales-lower .text-button{font-size:10px}.sales-lower .text-button>span{padding-left:6px;font-size:18px}.status-bars{padding:9px 19px 18px;display:grid;gap:17px}.status-row{display:flex;align-items:center;width:100%;gap:12px;padding:3px 0;text-align:left;font-size:11px}.status-row>span{width:66px}.status-track{height:17px;flex:1 1;background:linear-gradient(100deg,rgb(var(--theme-line)),rgb(var(--theme-line)));border-radius:7px;border:1px solid rgb(var(--theme-line)/.1843);overflow:hidden}.status-track i{display:block;height:100%;border-radius:6px;box-shadow:inset 0 2px 5px rgb(var(--theme-ink)/.1882),0 0 13px rgb(var(--theme-accent)/.1882);min-width:11px}.status-row b{font-weight:400;min-width:27px;text-align:right}.status-row small{font-size:10px;width:24px;text-align:right}.status-row small,.status-selected{color:rgb(var(--theme-accent))}.sales-table-wrap{padding:0 13px 13px;overflow-x:auto}.sales-table{width:100%;border-collapse:separate;border-spacing:0;font-size:10px;text-align:left;white-space:nowrap}.sales-table thead{background:rgb(var(--theme-ink)/.0235);color:rgb(var(--theme-accent))}.sales-table th{font-weight:400;padding:8px 9px;border-top:1px solid rgb(var(--theme-line))}.sales-table th:first-child{border-radius:7px 0 0 0;border-left:1px solid rgb(var(--theme-line))}.sales-table th:last-child{border-radius:0 7px 0 0;border-right:1px solid rgb(var(--theme-line))}.sales-table td{padding:9px;border-bottom:1px solid rgb(var(--theme-line))}.sales-table td,.sales-table td:first-child,.sales-table td:nth-child(3),.sales-table td:nth-child(5){color:rgb(var(--theme-accent))}.sales-table td:first-child button{padding:0;font-size:10px}.sales-table td:nth-child(2){font-size:9px}.sales-table td:nth-child(2)>span{padding-left:3px}.sales-table td:last-child button{font-size:19px;line-height:10px;color:rgb(var(--theme-accent));padding:0}.sales-table tbody tr:hover{background:rgb(var(--theme-line)/.2)}.sales-status{padding:5px 8px;border-radius:6px;font-size:10px}.sales-status.fulfilled{color:#60e4cf;background:linear-gradient(#26796d66,#13544955)}.sales-status.processing{color:rgb(var(--theme-accent));background:linear-gradient(#32e61f77,#32e61f55)}.sales-status.pending{color:#ffcd75;background:linear-gradient(#89612b77,#6c4f2455)}.sales-modal-backdrop{position:fixed;inset:0;background:rgb(var(--theme-canvas)/.7333);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;z-index:50;padding:20px}.sales-modal{width:420px;max-width:100%;padding:12px;background:rgb(var(--theme-panel))}.sales-modal .section-header{padding:10px 8px}.sales-modal dl{display:grid;grid-template-columns:1fr 1.6fr;gap:18px;padding:15px 8px 22px;font-size:13px}.sales-modal dt{color:rgb(var(--theme-accent))}.sales-modal dd{margin:0}.sales-main .page-footer{padding-top:15px}@media(min-width:1550px){.sales-analytics>.card{height:411px}.sales-chart{height:316px}.channel-donut{width:190px;height:190px;margin:10px auto 18px}.channel-donut>div{width:130px;height:130px}.channel-legend{gap:15px}.top-product{height:66px}.sales-product-art{width:46px;height:51px}.sales-lower>.card{min-height:295px}.sales-table td{padding:11px 10px}.status-bars{gap:22px}.sales-metric{height:169px}}@media(max-width:1300px){.sales-shell .sidebar{width:180px}.sales-main{margin-left:197px;width:calc(100% - 197px)}.sales-heading{padding:0}.sales-heading .filters{gap:7px}.sales-heading .date-filter{font-size:10px;padding:0 8px}.sales-heading .periods button{padding:8px 9px;font-size:10px}.sales-heading .export{padding:0 12px}.sales-metrics{gap:10px}.sales-metric{padding:13px 11px;height:147px}.sales-metric .stat-label{font-size:10px;gap:8px}.sales-metric-value strong{font-size:24px}.sales-metric-value svg{width:60px}.metric-comparison{gap:6px}.metric-comparison>span{font-size:10px;padding:6px}.metric-comparison small{font-size:8px}.sales-analytics{grid-template-columns:minmax(0,1.9fr) minmax(0,.95fr) minmax(0,1.05fr);gap:10px}.sales-analytics .section-header{padding:15px 13px 10px}.sales-analytics h2,.sales-lower h2{font-size:14px}.sales-analytics .section-header p{font-size:10px}.sales-performance .legend{gap:8px;font-size:8px}.sales-chart{padding-left:10px;padding-right:10px}.sales-bar-column{padding:0 5px}.channel-donut{width:140px;height:140px;margin:11px auto 18px}.channel-donut>div{width:95px;height:95px}.channel-donut strong{font-size:18px}.channel-legend{padding:0 11px;gap:13px}.channel-legend>div{font-size:9px;gap:5px}.channel-legend small{font-size:9px;min-width:40px}.channel-legend i{width:9px;height:9px}.top-product{gap:7px;padding:6px 9px}.product-rank{width:21px;height:23px;font-size:10px}.sales-product-art{width:35px;height:42px}.sales-product-art svg{width:31px;height:38px}.product-copy strong{font-size:11px}.product-copy>span{gap:9px;font-size:11px}.product-copy small{font-size:9px}.sales-lower{grid-template-columns:1fr 1.8fr;gap:10px}.sales-lower .section-header{padding:16px 13px 10px}.sales-table td,.sales-table th{padding:9px 6px}.sales-table,.sales-table td:first-child button{font-size:9px}.sales-table td:nth-child(2)>span{display:block;padding:3px 0 0}.status-bars{padding:12px 13px 18px;gap:19px}.status-row{gap:7px;font-size:10px}.status-row>span{width:57px}.status-row b{min-width:22px}.sales-status{font-size:9px;padding:5px 6px}}@media(max-width:1050px){.sales-heading{flex-direction:column;gap:20px}.sales-heading .filters{margin:0;width:100%;justify-content:space-between}.sales-heading .date-filter{display:flex}.sales-metrics{grid-template-columns:repeat(3,1fr)}.sales-metric{height:144px}.sales-analytics{grid-template-columns:1fr 1fr}.sales-performance{grid-column:1/-1}.sales-analytics>.card.sales-performance{height:370px}.sales-chart{height:290px}.sales-performance .legend{font-size:10px;gap:20px}.sales-analytics>.card{height:365px}.channel-donut{width:165px;height:165px;margin:5px auto 15px}.channel-donut>div{width:112px;height:112px}.channel-legend{padding:0 20px}.channel-legend small,.channel-legend>div{font-size:11px}.top-product{height:59px;gap:12px;padding-left:15px}.product-copy strong,.product-copy>span{font-size:12px}.product-copy small{font-size:10px}.sales-lower{grid-template-columns:1fr}.sales-lower>.card{min-height:265px}.sales-table,.sales-table td:first-child button{font-size:11px}.sales-table td:nth-child(2)>span{display:inline;padding-left:5px}.sales-table td:nth-child(2){font-size:10px}.status-bars{gap:20px}.status-row>span{width:75px}.sales-status{font-size:10px}.sales-table td{padding:11px 8px}}@media(max-width:760px){.sales-shell{padding:12px}.sales-main{margin-left:0;width:100%}.sales-shell .sidebar{width:205px;top:67px}.sales-main .topbar{height:38px;margin-bottom:25px}.sales-main .search{width:auto;padding:8px}.sales-heading{gap:17px;margin-bottom:16px}.sales-heading h1{font-size:31px}.sales-heading .subtitle{font-size:12px}.sales-heading .date-filter{display:none}.sales-heading .filters{gap:8px}.sales-heading .periods{flex:1 1}.sales-heading .periods button{padding:9px 14px}.sales-heading .export{padding:0 15px}.sales-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sales-metric:last-child{grid-column:1/-1;height:132px}.sales-metric:last-child .sales-metric-value svg{width:100px}.sales-metric-value strong{font-size:25px}.sales-metric .stat-label{font-size:11px}.metric-comparison small{font-size:8px}.sales-metric{height:145px}.sales-analytics{grid-template-columns:1fr}.sales-performance{grid-column:auto}.sales-performance .legend{gap:9px;font-size:8px}.sales-analytics .section-header h2{font-size:14px}.sales-analytics .section-header p{font-size:10px}.sales-performance .section-header{gap:6px}.sales-analytics>.card.sales-performance{height:338px}.sales-chart{height:255px;padding:24px 10px 32px 9px;gap:5px}.sales-chart .y-labels{font-size:9px;min-width:26px}.sales-chart .right-axis{font-size:8px;min-width:17px}.sales-bar-column{padding:0 4px}.sales-analytics>.card{height:auto}.sales-channel{padding-bottom:20px}.channel-donut{width:180px;height:180px}.channel-donut>div{width:123px;height:123px}.channel-donut strong{font-size:22px}.channel-legend{max-width:340px;margin:0 auto;gap:14px}.channel-legend>div{font-size:12px}.channel-legend small{font-size:11px;min-width:60px}.top-product{height:65px;gap:15px;padding:7px 16px}.sales-product-art{width:43px;height:48px}.sales-product-art svg{width:39px;height:43px}.product-copy>span{gap:25px}.product-copy strong{font-size:13px}.product-copy small{font-size:11px}.product-rank{width:26px;height:27px}.sales-lower>.card{min-height:260px}.sales-table{min-width:650px}.sales-lower .section-header p{font-size:10px}.sales-table-wrap{padding:0 10px 13px}.sales-main .page-footer{font-size:8px}.sales-tooltip{min-width:120px;padding:9px;font-size:9px}.sales-tooltip strong{font-size:10px}}.sales-metric-spark{width:80px;height:40px;max-width:42%;flex-shrink:0}.rechart-sales{height:279px;padding:12px 8px 9px}.sales-channel-donut{width:169px;height:169px;margin:3px auto 13px}.sales-channel-donut .rechart-donut-label strong{font-size:20px}@media(min-width:1550px){.rechart-sales{height:316px}.sales-channel-donut{width:190px;height:190px;margin:10px auto 18px}}@media(max-width:1300px){.sales-metric-spark{width:60px}.sales-channel-donut{width:140px;height:140px;margin:11px auto 18px}.sales-channel-donut .rechart-donut-label strong{font-size:18px}}@media(max-width:1050px){.rechart-sales{height:290px}.sales-channel-donut{width:165px;height:165px;margin:5px auto 15px}}@media(max-width:760px){.rechart-sales{height:255px;padding:10px 2px 5px}.sales-channel-donut{width:180px;height:180px}.sales-channel-donut .rechart-donut-label strong{font-size:22px}.sales-metric:last-child .sales-metric-spark{width:100px}}.sales-metric-value .recharts-surface{width:100%;height:100%;max-width:none;filter:none}