.reports-page{min-width:0}
.reports-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 16px}
.reports-filters{display:flex;flex-wrap:wrap;gap:0;border:1px solid #dedfd6;border-radius:9px;background:white;overflow:hidden;max-width:100%}
.reports-filters>button{min-height:44px;padding:12px 16px;border:0;border-right:1px solid #e4e5dc;background:#fff;font-size:13px;white-space:nowrap;transition:background .15s,color .15s}
.reports-filters>button:last-child{border-right:0}.reports-filters>button:hover{background:#f5f5f0}.reports-filters>button.is-selected{background:#292f25;color:white}
.reports-custom{display:grid;place-items:center;min-width:46px}.reports-custom svg{width:20px;height:20px}
.reports-filters>button:focus-visible{position:relative;outline-offset:-4px;z-index:1}
.reports-refresh{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;min-height:44px;white-space:nowrap}.reports-refresh>span{font-size:20px;font-weight:400;line-height:1}
.reports-period-line{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px 20px;margin:0 0 24px}
.reports-period-line>p{font-size:12px;margin:0}.reports-period-line>span{font-size:11px;color:#929487}
.reports-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 18px}
.reports-cards>.card{margin-bottom:0}
.panel-content .reports-metric{--metric-ink:#bd4b10;--metric-tint:#fff0e5;display:flex;flex-direction:column;min-width:0;padding:24px;border-radius:14px}
.panel-content .reports-metric-green{--metric-ink:#18794e;--metric-tint:#eaf7ef}.panel-content .reports-metric-purple{--metric-ink:#8053b5;--metric-tint:#f3ecfb}
.panel-content .reports-metric-blue{--metric-ink:#226b9a;--metric-tint:#e8f3fa}
.panel-content .reports-metric-teal{--metric-ink:#12716c;--metric-tint:#e5f5f2}
.panel-content .reports-metric-red{--metric-ink:#ac433a;--metric-tint:#fbeeea}
.reports-metric>header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.reports-metric>header h2{font-family:'DM Sans',Arial,sans-serif;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:0;margin:0;color:#73776c}
.reports-metric .owner-metric-icon{width:40px;height:40px;border-radius:10px;color:var(--metric-ink);background:var(--metric-tint)}
.reports-metric-value{display:block;font-family:Manrope,Arial,sans-serif;font-size:clamp(24px,2.3vw,34px);letter-spacing:-1px;line-height:1.4;margin:20px 0 8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.reports-metric-description{font-size:12px;margin:0;min-height:36px;line-height:1.6}
.reports-chart{position:relative;width:100%;margin:20px 0 0;min-width:0}
.reports-area-chart{display:block;width:100%;height:auto;overflow:visible;font-family:'DM Sans',Arial,sans-serif}
.report-tone-orange{color:#ea580c}.report-tone-green{color:#19834d}.report-tone-purple{color:#8660b9}
.report-tone-blue,.report-tone-teal,.report-tone-red{color:var(--metric-ink)}
.reports-chart-grid line{stroke:#e8eae2;stroke-dasharray:4 4}.reports-chart-grid text,.reports-axis-date,.reports-axis-currency{fill:#808576;font-size:12px}.reports-axis-currency{font-size:11px}
.reports-chart-point{outline:none}.reports-chart-point:focus>circle,.reports-chart-point:hover>circle{r:5;stroke-width:3}
.reports-chart-tooltip{visibility:hidden;pointer-events:none}.reports-chart-tooltip rect{fill:#292f25}.reports-chart-tooltip text{fill:white;font-size:12px}
.reports-chart-point:focus .reports-chart-tooltip,.reports-chart-point:hover .reports-chart-tooltip{visibility:visible}
.reports-chart-caption{font-size:11px;margin:auto 0 0;padding-top:18px;color:#929487;line-height:1.6}
.reports-chart-empty{position:absolute;left:14%;right:4%;top:35%;text-align:center;font-size:11px;line-height:1.6;color:#8b9081;pointer-events:none}
.reports-page .home-insight{min-width:0}.reports-products .home-product-ranking{margin-top:22px}.reports-products .home-product-ranking>li{padding:13px 0}
.reports-products .home-product-copy>strong{font-size:14px}.reports-products .home-product-copy>small{font-size:12px}
.reports-payment-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;flex:1;margin:24px 0 10px;min-height:270px}
.reports-payment-pie{display:block;width:clamp(132px,44%,230px);max-width:100%;height:auto;overflow:visible;flex:none}
.reports-pie-slice{transition:filter .15s;outline:none}.reports-pie-slice:hover,.reports-pie-slice:focus{filter:brightness(.85)}.reports-pie-slice:focus{stroke:#292f25;stroke-width:3}
.reports-payment-legend{list-style:none;padding:0;margin:0;flex:1 1 145px;min-width:0;max-width:330px}
.reports-payment-legend>li{display:flex;align-items:center;gap:9px;padding:16px 0;border-bottom:1px solid #eeefe8}.reports-payment-legend>li:last-child{border-bottom:0}
.reports-payment-dot{width:10px;height:10px;flex:none;border-radius:3px}.reports-payment-legend>li>div{flex:1;min-width:0}.reports-payment-legend strong{display:block;font-size:13px;font-weight:600}.reports-payment-legend small{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:4px}.reports-payment-legend b{font-size:14px;font-variant-numeric:tabular-nums}
.reports-payments-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:310px;padding:24px 10px;gap:12px}
.reports-empty-pie{width:132px;height:132px;border-radius:50%;background:#f1f3ec;border:1px solid #e6e9df;margin-bottom:7px}
.reports-payments-empty strong{font-size:13px;font-weight:600;line-height:1.5}.reports-payments-empty p{font-size:12px;margin:0}
.reports-method-note,.reports-receipt-note{font-size:11px;line-height:1.7;max-width:1050px;margin:20px 0 0;color:#8a8f80}
.reports-error{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:0 0 20px;padding:16px 20px;border:1px solid #ecc8ba;border-radius:10px;background:#fff5ef}.reports-error>p{margin:0;font-size:13px;color:#a34b2b}
.panel-content .reports-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:300px;font-size:13px;color:var(--muted);border-radius:14px}
.reports-spinner{display:inline-block;width:21px;height:21px;border:2px solid #eeeae2;border-top-color:#ea580c;border-radius:50%;animation:reports-spin .8s linear infinite}
@keyframes reports-spin{to{transform:rotate(360deg)}}
dialog:has(.reports-calendar-dialog){width:min(800px,calc(100vw - 32px));max-width:800px}
.reports-calendar-dialog{padding:30px;min-width:0}.reports-calendar-dialog h2{font-size:23px;margin:0 32px 8px 0}.reports-calendar-help{font-size:13px;margin:0 0 22px}
.reports-calendar-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:16px;margin-bottom:24px}
.reports-calendar-inputs label{display:block;margin:0;font-size:12px;color:#72796a}.reports-calendar-inputs input{width:100%;max-width:100%;min-height:44px;font-size:14px;margin-top:8px}
.reports-calendar-inputs>span{align-self:center;color:#a2a795;margin-top:24px}
.reports-calendar-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.reports-calendar-navigation>span{font-size:11px;color:#929886;text-align:center}.reports-calendar-navigation button{min-width:40px;min-height:40px;padding:7px;background:#fff}
.reports-calendar-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.reports-calendar-month h3{text-align:center;margin:6px 0 20px;font-size:15px;font-weight:600;letter-spacing:0}
.reports-calendar-weekdays,.reports-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}
.reports-calendar-weekdays{margin-bottom:8px;font-size:11px;color:#939888}
.reports-calendar-days>button{display:grid;place-items:center;min-height:36px;width:100%;border:0;background:transparent;border-radius:7px;font-size:12px;position:relative}
.reports-calendar-days>button.is-in-range{background:#fff0e5;border-radius:3px;color:#b64e13}.reports-calendar-days>button:hover{background:#f0f1eb}.reports-calendar-days>button.is-selected{background:#ea580c;color:#fff;font-weight:700}.reports-calendar-days>button.is-today::after{content:'';position:absolute;bottom:5px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:currentColor}.reports-calendar-days>button:disabled{opacity:.25;cursor:default}
.reports-calendar-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}
.reports-calendar-footer>p{font-size:12px;margin:0;color:#717b65}.reports-calendar-footer>div{display:flex;gap:10px}.reports-calendar-footer button{font-size:12px;padding:12px 18px}
@media(max-width:1250px){.reports-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reports-filters>button{padding:12px;font-size:12px}.panel-content .reports-metric{padding:20px}.reports-metric>header h2{font-size:13px}.reports-metric .owner-metric-icon{width:34px;height:34px;flex:none}.reports-metric .owner-metric-icon svg{width:21px;height:21px}.reports-payment-legend>li{padding:10px 0}}
@media(max-width:1050px){.reports-metric-value{font-size:32px}.reports-metric-description{min-height:0}.reports-chart{max-width:720px;margin:20px auto 0}}
@media(max-width:750px){.reports-cards{grid-template-columns:1fr}}
@media(max-width:600px){.reports-toolbar{gap:12px}.reports-filters{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #dedfd6}.reports-filters>button{font-size:11px;padding:10px 7px;min-height:44px;border-right:1px solid #e4e5dc;border-bottom:1px solid #e4e5dc}.reports-filters>button:nth-child(3){border-right:0}.reports-filters>button:nth-child(n+4){border-bottom:0}.reports-refresh{font-size:12px;width:100%}.reports-period-line{margin-bottom:20px;gap:7px}.reports-period-line>p{font-size:11px}.reports-period-line>span{font-size:10px}.reports-cards{gap:16px}.panel-content .reports-metric{padding:20px 16px}.reports-metric>header h2{font-size:14px}.reports-metric-value{font-size:30px;margin-top:16px}.reports-metric-description{font-size:11px}.reports-chart-grid text,.reports-axis-date{font-size:15px}.reports-axis-currency{font-size:13px}.reports-chart-tooltip text{font-size:14px}.reports-chart-caption{font-size:10px}.reports-products .home-product-copy>strong{font-size:13px}.reports-products .home-product-copy>small{font-size:11px}.reports-payment-content{flex-direction:column;gap:14px;margin-top:20px}.reports-payment-pie{width:190px}.reports-payment-legend{flex:auto;width:100%;max-width:none}.reports-payment-legend small{font-size:11px}.reports-payment-legend strong{font-size:13px}.reports-method-note,.reports-receipt-note{font-size:10px}.reports-calendar-dialog{padding:24px 18px}.reports-calendar-dialog h2{font-size:20px}.reports-calendar-help{font-size:12px;line-height:1.6}.reports-calendar-months{grid-template-columns:1fr}.reports-calendar-month:nth-child(2){display:none}.reports-calendar-inputs{gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.reports-calendar-inputs>span{display:none}.reports-calendar-inputs input{font-size:14px;padding:10px 7px}.reports-calendar-weekdays{font-size:11px}.reports-calendar-days>button{min-height:40px;font-size:13px}.reports-calendar-footer>div{width:100%}.reports-calendar-footer button{flex:1}.reports-calendar-footer>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.reports-spinner{animation:none}.reports-pie-slice{transition:none}}
