.reports-page{gap:12px;width:100%;max-width:1500px;margin:0 auto;display:grid}.reports-heading p{color:#82969a;margin:5px 0 0;font-size:10px;font-weight:750}.reports-heading>button:disabled{cursor:not-allowed;opacity:.45}.reports-filter-bar{background:#fff;border:1px solid #275c691a;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;min-height:54px;padding:8px 10px;display:flex;box-shadow:0 8px 24px #1f56610d}.reports-presets{gap:4px;display:flex;overflow:auto}.reports-presets button{color:#71878c;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;min-height:36px;padding:0 13px;font-size:9px;font-weight:900}.reports-presets button:hover{color:#286b77;background:#f1f8f8}.reports-presets button.active{color:#236d78;background:#e7f5f6;border-color:#c5e3e6}.reports-range-label{color:#7c9296;padding-right:8px;font-size:9px;font-weight:850}.reports-custom-range{gap:7px;display:flex}.reports-custom-range label{gap:2px;display:grid}.reports-custom-range label>span{color:#81969a;text-transform:uppercase;font-size:7px;font-weight:900}.reports-custom-range input{color:#315f68;font:inherit;background:#fbfdfd;border:1px solid #d8e5e4;border-radius:9px;min-height:34px;padding:0 9px;font-size:9px}.reports-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.reports-kpi-grid article{background:linear-gradient(145deg,#fff 20%,#f9fcfc);border:1px solid #275c691a;border-radius:16px;min-height:94px;padding:15px 64px 14px 16px;position:relative;overflow:hidden;box-shadow:0 8px 24px #1f56610e}.reports-kpi-grid article:before{content:"";opacity:.72;background:#31828d;border-radius:0 0 99px;width:42%;height:4px;position:absolute;top:0;left:0}.reports-kpi-grid article:after{color:#2f7e89;content:"₱";background:#e7f6f8;border:1px solid #4b9ba624;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;font-weight:900;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.reports-kpi-grid article:nth-child(2):after{content:"▤"}.reports-kpi-grid article:nth-child(3):after{content:"↗"}.reports-kpi-grid article:nth-child(4):after{content:"♙"}.reports-kpi-grid span{color:#6f888d;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:900;display:block}.reports-kpi-grid strong{color:#1e5963;margin:8px 0 5px;font-size:25px;font-weight:900;line-height:1;display:block}.reports-kpi-grid small{color:#8da0a4;font-size:8px;font-weight:800}.reports-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:12px;display:grid}.reports-card{background:#fff;border:1px solid #dfe9e8;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 10px 28px #1847500e}.reports-card>header{border-bottom:1px solid #eaf0f0;justify-content:space-between;align-items:center;min-height:67px;padding:14px 17px;display:flex}.reports-card>header span{color:#3f909b;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:900;display:block}.reports-card>header h2{color:#173f47;letter-spacing:-.025em;margin-top:4px;font-family:Nunito Sans,sans-serif;font-size:18px;font-weight:900;line-height:1.1}.reports-card>header>strong{color:#286b77;font-size:18px}.reports-card>header>small{color:#81969a;font-size:8px;font-weight:850}.reports-chart-wrap{padding:14px 17px 0}.reports-chart-wrap svg{width:100%;height:230px;overflow:visible}.reports-chart-wrap line{stroke:#e7efef;stroke-width:1px}.reports-chart-line{fill:none;stroke:#2b7d89;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.reports-chart-wrap circle{fill:#fff;stroke:#2b7d89;stroke-width:3px}.reports-chart-labels{justify-content:space-between;padding:0 22px 14px;display:flex}.reports-chart-labels span{color:#899da1;font-size:7px;font-weight:800}.reports-breakdown-card dl{margin:0;padding:10px 17px}.reports-breakdown-card dl>div{border-bottom:1px solid #edf2f1;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.reports-breakdown-card dt{color:#72888d;font-size:9px;font-weight:800}.reports-breakdown-card dd{color:#315f68;margin:0;font-size:10px;font-weight:900}.reports-breakdown-card dd.negative{color:#ac6562}.reports-breakdown-card dl>div.total{border-bottom:0;padding-top:16px}.reports-breakdown-card .total dt,.reports-breakdown-card .total dd{color:#173f47;font-size:14px;font-weight:900}.reports-breakdown-card>p{color:#809599;background:#f4f9f9;margin:0;padding:11px 17px;font-size:8px;font-weight:750;line-height:1.5}.reports-table-wrap{overflow:auto}.reports-card table{min-width:620px}.reports-card th{background:#f3f8f8;padding:11px 14px}.reports-card td{padding:12px 14px;font-size:9px}.reports-card td strong{color:#315f68;font-size:9px}.reports-card td small{color:#8da0a4;margin-top:3px;font-size:7px;display:block}.reports-brand-card ol,.reports-voucher-card ol{margin:0;padding:8px 16px 15px;list-style:none}.reports-brand-card li{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:10px 1px;display:grid}.reports-brand-card li>div strong,.reports-brand-card li>div span{display:block}.reports-brand-card li>div strong{color:#315f68;font-size:9px}.reports-brand-card li>div span{color:#91a2a5;margin-top:3px;font-size:7px}.reports-brand-card li>b{color:#286b77;font-size:9px}.reports-brand-card li>i{background:#e7f1f1;border-radius:999px;grid-column:1/-1;height:6px;overflow:hidden}.reports-brand-card li>i span{border-radius:inherit;background:linear-gradient(90deg,#2f818c,#6bc8d3);height:100%;display:block}.reports-products-card,.reports-customers-card{grid-column:1}.reports-brand-card,.reports-voucher-card{grid-column:2}.reports-customer-type{text-transform:uppercase;border-radius:999px;padding:5px 7px;font-size:7px;font-weight:900;display:inline-block}.reports-customer-type.new{color:#397c97;background:#e9f6fa}.reports-customer-type.returning{color:#25805b;background:#e7f7ee}.reports-voucher-summary{grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px 4px;display:grid}.reports-voucher-summary>div{background:#f4f9f9;border-radius:11px;padding:11px}.reports-voucher-summary strong{color:#286b77;font-size:20px;display:block}.reports-voucher-summary span{color:#879b9f;text-transform:uppercase;font-size:7px;font-weight:900}.reports-voucher-card li{border-top:1px solid #edf2f1;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:10px 0;display:grid}.reports-voucher-card li>div strong,.reports-voucher-card li>div small{display:block}.reports-voucher-card li>div strong{color:#315f68;font-size:9px}.reports-voucher-card li>div small{color:#91a2a5;text-transform:capitalize;margin-top:2px;font-size:7px}.reports-voucher-card li>span{text-transform:capitalize;border-radius:999px;padding:5px 7px;font-size:7px;font-weight:900}.reports-voucher-card li>span.active{color:#25805b;background:#e7f7ee}.reports-voucher-card li>span:not(.active){color:#72878c;background:#eef3f4}.reports-voucher-card li>b{color:#668087;font-size:8px}.reports-empty{color:#8ca2a6;text-align:center;justify-content:center;align-items:center;min-height:180px;padding:30px;font-size:9px;display:flex}@media (max-width:1050px){.reports-main-grid{grid-template-columns:1fr 1fr}.reports-trend-card{grid-column:1/-1}.reports-breakdown-card,.reports-brand-card,.reports-voucher-card{grid-column:auto}.reports-products-card,.reports-customers-card{grid-column:1/-1}.reports-kpi-grid{grid-template-columns:1fr 1fr}}@media (max-width:700px){.reports-filter-bar{align-items:stretch;display:grid}.reports-range-label{padding:0 3px 5px}.reports-custom-range{grid-template-columns:1fr 1fr;display:grid}.reports-custom-range input{width:100%}.reports-main-grid{grid-template-columns:1fr}.reports-main-grid>*{grid-column:1!important}.reports-chart-wrap svg{height:180px}.reports-chart-labels{overflow:hidden}.reports-kpi-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.reports-kpi-grid{grid-template-columns:1fr}.reports-heading{align-items:stretch;display:grid}.reports-heading>button{width:100%}}.reports-view-nav{background:#fff;border:1px solid #275c691a;border-radius:16px;grid-template-columns:repeat(4,1fr);padding:5px;display:grid;overflow:hidden;box-shadow:0 8px 24px #1f56610d}.reports-view-nav button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;gap:3px;min-height:56px;padding:9px 13px;display:grid}.reports-view-nav button+button{border-left:1px solid #edf2f1}.reports-view-nav button:hover{background:#f5faf9}.reports-view-nav button.active{background:#eaf6f7;box-shadow:inset 0 0 0 1px #cee7e9}.reports-view-nav span{color:#496b72;font-size:10px;font-weight:900}.reports-view-nav small{color:#91a2a5;font-size:7px;font-weight:750}.reports-view-nav button.active span{color:#236d78}.reports-filter-bar{box-shadow:none;border-radius:14px}.reports-filter-bar>div:first-child{align-items:center;gap:12px;display:flex}.reports-filter-label{color:#81969a;text-transform:uppercase;white-space:nowrap;padding-left:4px;font-size:8px;font-weight:900}.reports-summary-strip{background:#234f58;border-radius:15px;grid-template-columns:1.25fr repeat(4,1fr);align-items:stretch;display:grid;overflow:hidden}.reports-summary-strip>div{flex-direction:column;justify-content:center;min-height:68px;padding:11px 16px;display:flex}.reports-summary-strip>div+div{border-left:1px solid #ffffff1f}.reports-summary-strip span{color:#acd0d4;letter-spacing:.08em;text-transform:uppercase;font-size:7px;font-weight:900}.reports-summary-strip strong{color:#fff;margin-top:5px;font-size:17px;line-height:1.2}.reports-summary-strip small{color:#9fc1c5;margin-top:2px;font-size:7px;font-weight:750}.reports-main-grid.report-view-customers,.reports-main-grid.report-view-vouchers{grid-template-columns:1fr}.reports-main-grid.report-view-customers .reports-customers-card,.reports-main-grid.report-view-vouchers .reports-voucher-card{grid-column:1}.reports-main-grid.report-view-vouchers .reports-voucher-summary{grid-template-columns:repeat(2,minmax(140px,220px))}.reports-main-grid.report-view-vouchers .reports-voucher-card ol{grid-template-columns:1fr 1fr;gap:0;display:grid}.reports-main-grid.report-view-vouchers .reports-voucher-card li:nth-child(2n){padding-left:16px}.reports-main-grid.report-view-vouchers .reports-voucher-card li:nth-child(odd){padding-right:16px}@media (max-width:800px){.reports-view-nav{grid-template-columns:1fr 1fr}.reports-filter-bar>div:first-child{align-items:stretch;display:grid}.reports-summary-strip{grid-template-columns:1fr 1fr}.reports-summary-strip>div+div{border-left:1px solid #ffffff1f}.reports-summary-strip>div:first-child{grid-column:1/-1}.reports-main-grid.report-view-vouchers .reports-voucher-card ol{grid-template-columns:1fr}.reports-main-grid.report-view-vouchers .reports-voucher-card li:nth-child(n){padding-left:0;padding-right:0}}@media (max-width:480px){.reports-view-nav,.reports-summary-strip{grid-template-columns:1fr}.reports-summary-strip>div:first-child{grid-column:auto}.reports-summary-strip>div+div{border-top:1px solid #ffffff1f;border-left:0}}.reports-view-nav{grid-template-columns:repeat(3,1fr)}@media (max-width:800px){.reports-view-nav{grid-template-columns:1fr}}.reports-sales-tabs{border-bottom:1px solid #dfe9e8;align-items:center;gap:4px;min-height:42px;padding:0 3px;display:flex}.reports-sales-tabs button{color:#71878c;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;min-height:42px;padding:0 14px;font-size:9px;font-weight:900;display:flex}.reports-sales-tabs button:hover{color:#286b77}.reports-sales-tabs button.active{color:#204f58;border-color:#2f8996}.reports-sales-tabs button span{color:#688086;background:#edf4f3;border-radius:999px;padding:3px 6px;font-size:7px}.reports-main-grid.sales-view-data{grid-template-columns:1fr}.reports-sales-data-card{grid-column:1/-1}.reports-sales-data-card table{min-width:1220px}.reports-sales-data-card td,.reports-sales-data-card th{white-space:nowrap}.reports-payment-complete{color:#25805b;text-transform:uppercase;background:#e5f7ed;border-radius:999px;padding:6px 8px;font-size:7px;font-weight:900;display:inline-block}.reports-sales-data-card .order-status-pill{text-transform:capitalize;padding:6px 8px;font-size:7px}