.monthly-report-page{background:#eaf8fb}.monthly-report-shell{max-width:1920px;min-width:0;margin:auto;padding:19px 20px 24px;color:#10245e;font-family:Segoe UI,Inter,Be Vietnam Pro,sans-serif}.monthly-report-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.monthly-report-header p{color:#1d4e89;font-size:12px;font-weight:700;letter-spacing:.12em}.monthly-report-header h1{margin-top:4px;color:#0b2348;font-size:clamp(21px,1.65vw,27px);font-weight:800;line-height:1.3}.monthly-month-picker{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #dce6f2;border-radius:9px;background:white;color:#0b2348;font-size:12px;font-weight:700;white-space:nowrap}.monthly-month-picker svg{color:#1677ff}.monthly-month-picker select{min-width:105px;height:30px;border:0;outline-color:#1677ff;background:white;color:#0b2348;font-size:14px;font-weight:700}.monthly-report-shell [data-monthly-state=success]>p{margin-bottom:10px;font-size:12px;font-weight:700}.monthly-kpi-tables,.monthly-report-blocks{display:grid;gap:14px}.monthly-kpi-tables{grid-template-columns:repeat(2,minmax(0,1fr))}.monthly-report-card{min-width:0;overflow:hidden;border:1px solid #d7eaf2;border-radius:17px;background:white;box-shadow:0 1px 5px rgb(20 55 100/2%)}.monthly-report-card h2{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid #d7eaf2;color:#10245e;font-size:16px;font-weight:800;line-height:20px}.monthly-report-card h2 svg{flex-shrink:0;color:#38b2f6}.monthly-table-scroll{overflow-x:auto;min-width:0;max-width:100%;scrollbar-color:#b7dbe9 #f0f8fb;scrollbar-width:thin}.monthly-table-scroll[role=region]{min-width:0;width:100%;overflow-x:auto;padding-right:1px}.monthly-table-scroll:focus-visible{outline:2px solid #1677ff;outline-offset:-2px}.monthly-table-scroll::-webkit-scrollbar{height:7px}.monthly-table-scroll::-webkit-scrollbar-track{background:#f0f8fb}.monthly-table-scroll::-webkit-scrollbar-thumb{background:#b7dbe9;border:1px solid #f0f8fb;border-radius:6px}.monthly-table{--family-width:68px;--product-width:152px;--pack-width:44px;--sale-width:102px;--code-width:94px;--name-width:154px;border-collapse:separate;border-spacing:0;table-layout:fixed;color:#10245e;font-size:12px}.monthly-sku-table{--product-width:144px;--sale-width:96px;width:max-content;min-width:100%;max-width:none;margin-right:16px}.monthly-sku-card{overflow:visible}.monthly-sku-scroll{display:block;box-sizing:border-box;overflow-y:hidden;overscroll-behavior-x:contain;border-radius:0 0 16px 16px}.monthly-table .mtd-family-col{width:var(--family-width)}.monthly-table .mtd-product-col{width:var(--product-width)}.monthly-table .mtd-pack-col{width:var(--pack-width)}.monthly-table .mtd-code-col{width:var(--code-width)}.monthly-table .mtd-name-col{width:var(--name-width)}.monthly-table .mtd-value-col{width:auto}.monthly-table td,.monthly-table th{height:28px;padding:2px 4px;border-right:1px solid #e2edf3;border-bottom:1px solid #e8f0f5;text-align:center;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}.monthly-table th{font-weight:700;color:#10245e}.monthly-table td{font-weight:600}.monthly-table thead th{background:#edf8fd;font-size:12px;white-space:normal}.monthly-table .mtd-sticky{position:sticky;z-index:2;background:white}.monthly-table .mtd-family{left:0;width:var(--family-width);min-width:var(--family-width);max-width:var(--family-width);white-space:normal}.monthly-table .mtd-product{left:var(--family-width);width:var(--product-width);min-width:var(--product-width);max-width:var(--product-width);text-align:left}.monthly-table .mtd-pack{left:calc(var(--family-width) + var(--product-width));width:var(--pack-width);min-width:var(--pack-width);max-width:var(--pack-width);box-shadow:3px 0 5px rgb(20 55 100/5%)}.monthly-table .mtd-code{left:0;width:var(--code-width);min-width:var(--code-width);max-width:var(--code-width);text-align:left;font-weight:600}.monthly-table .mtd-name{left:var(--code-width);width:var(--name-width);min-width:var(--name-width);max-width:var(--name-width);text-align:left;overflow:hidden;text-overflow:ellipsis;box-shadow:3px 0 5px rgb(20 55 100/5%);font-weight:600}.monthly-table thead .mtd-sticky{z-index:4;background:#edf8fd}.monthly-table thead .mtd-code,.monthly-table thead .mtd-name,.monthly-table thead .mtd-product{text-align:center}.monthly-table [data-mtd-family="RED BULL"],.monthly-table [data-mtd-family=PC],.monthly-table [data-mtd-family=TOTAL]{background:#eef5fc}.monthly-table [data-mtd-family=WARRIOR]{background:#f0eefb}.monthly-table [data-mtd-family=KTD],.monthly-table [data-mtd-family=LPPC]{background:#fff9e6}.monthly-table .mtd-sale-heading{padding:2px 4px;white-space:normal}.mtd-sale-heading span{display:block}.mtd-sale-heading span:first-child{font-size:12px;font-weight:800;line-height:14px}.mtd-sale-heading span:last-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:26px;margin-top:1px;font-size:11px;font-weight:600;line-height:13px}.monthly-table .mtd-subheading{font-size:12px;height:25px;padding-block:3px}.monthly-sku-table tbody td,.monthly-sku-table tbody th{height:23px;padding-block:0}.monthly-sku-table thead th{padding-block:2px}.monthly-sku-table .mtd-subheading{height:20px;padding-block:1px}.monthly-sku-table .mtd-product-label{min-height:21px}.monthly-sku-table .mtd-image-missing,.monthly-sku-table .mtd-product-label img{width:21px;height:21px}.mtd-product-label{display:flex;align-items:center;gap:7px;min-height:27px}.mtd-image-missing,.mtd-product-label img{flex-shrink:0;width:24px;height:27px;object-fit:contain}.mtd-product-label>span:last-child{font-size:11.5px;font-weight:600;white-space:normal}.monthly-table .mtd-percent-good{background:#e7f6ee;color:#145c32;font-weight:700}.monthly-table .mtd-percent-near{background:#fff9c4;color:#8a5a00;font-weight:700}.monthly-table .mtd-percent-low{background:#fff1e4;color:#9a3412;font-weight:700}.monthly-table tfoot .mtd-sticky,.monthly-table tfoot td,.monthly-table tfoot th{border-top:2px solid #b7cce5;background:#eaf3ff;color:#0b2348;font-weight:800}.monthly-table tfoot .mtd-percent-good{background:#e7f6ee;color:#145c32}.monthly-table tfoot .mtd-percent-near{background:#fff9c4;color:#8a5a00}.monthly-table tfoot .mtd-percent-low{background:#fff1e4;color:#9a3412}.monthly-sku-table [data-mtd-sale-tone="0"]{--sale-head:#e3f3ff;--sale-body:#f5faff;--sale-ink:#16457c}.monthly-sku-table [data-mtd-sale-tone="1"]{--sale-head:#e0faf3;--sale-body:#f3fcf9;--sale-ink:#146657}.monthly-sku-table [data-mtd-sale-tone="2"]{--sale-head:#fff0df;--sale-body:#fffaf4;--sale-ink:#a64b0c}.monthly-sku-table [data-mtd-sale-tone="3"]{--sale-head:#ffe8ef;--sale-body:#fff6f8;--sale-ink:#9f3458}.monthly-sku-table [data-mtd-sale-tone="4"]{--sale-head:#eee9ff;--sale-body:#f8f6ff;--sale-ink:#58429b}.monthly-sku-table [data-mtd-sale-tone="5"]{--sale-head:#e0f8fd;--sale-body:#f3fcfe;--sale-ink:#08648b}.monthly-sku-table [data-mtd-sale-tone="6"]{--sale-head:#fbe9fc;--sale-body:#fdf6fe;--sale-ink:#8935a0}.monthly-sku-table [data-mtd-sale-tone=total]{--sale-head:#dfedff;--sale-body:#eef6ff;--sale-ink:#10245e}.monthly-sku-table td,.monthly-sku-table th{padding-inline:3px}.monthly-sku-table tbody [data-mtd-sale-tone]{background:var(--sale-body)}.monthly-sku-table thead [data-mtd-sale-tone]{background:var(--sale-head)}.monthly-sku-table .mtd-sale-heading{color:var(--sale-ink);padding-inline:3px}.monthly-sku-table .mtd-sale-heading span:last-child{font-weight:500}.monthly-sku-table .mtd-total-heading{font-size:13px;font-weight:800}.monthly-sku-table .mtd-product-label{gap:5px}.monthly-sku-table tfoot [data-mtd-sale-tone]{background:var(--sale-head)}.monthly-sku-table tfoot [data-mtd-sale-tone=total]{background:#d4e7ff}.monthly-sku-table [data-mtd-sale-tone].mtd-percent-good{background:color-mix(in srgb,var(--sale-body) 25%,#e3f5e9);color:#176238}.monthly-sku-table [data-mtd-sale-tone].mtd-percent-low,.monthly-sku-table [data-mtd-sale-tone].mtd-percent-near{background:color-mix(in srgb,var(--sale-body) 25%,#fff0de);color:#a44a13}.monthly-sku-table tfoot [data-mtd-sale-tone].mtd-percent-good{background:color-mix(in srgb,var(--sale-head) 35%,#e3f5e9)}.monthly-sku-table tfoot [data-mtd-sale-tone].mtd-percent-low,.monthly-sku-table tfoot [data-mtd-sale-tone].mtd-percent-near{background:color-mix(in srgb,var(--sale-head) 35%,#fff0de)}.monthly-pc-table{width:100%;min-width:0}.monthly-pc-table .mtd-name{white-space:normal;overflow-wrap:anywhere}.monthly-pc-table tbody td{padding-block:0;font-size:11.5px}.monthly-pc-table .mtd-name>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:13px}.monthly-pc-table tbody tr:nth-child(2n) td:not(.mtd-percent-good):not(.mtd-percent-near):not(.mtd-percent-low){background:#fafcff}@media(max-width:1280px){.monthly-report-shell{padding:16px 14px 21px}}@media(max-width:1200px){.monthly-kpi-tables{grid-template-columns:1fr}}@media(max-width:900px){.monthly-report-header{flex-wrap:wrap;align-items:flex-start}.monthly-report-shell{padding:14px 10px}}