*{margin:0%;padding:0%}.container{margin-top:10px;display:flex;flex-direction:column}.container h2{text-align:center}.btn{text-align:center;margin-top:5px}.btn button{background-color:#000;color:#fff;height:35px;width:60px}.allprint{background-color:#f5f5f5}@media print{@page{size:A5 portrait;margin:0!important}body *{visibility:hidden!important}.invoice-print-area,.invoice-print-area *{visibility:visible!important}.invoice-print-area{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;min-height:200mm!important;display:flex!important;flex-direction:column!important;gap:0!important}.btn,button,.print,.noprint,.no-print,.noo-print,.ui-section{display:none!important;visibility:hidden!important}body{margin:0!important;padding:0!important}html,body{height:100%!important;width:100%!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.allprint{min-height:100%!important;height:100%!important}.container{padding:0!important;margin:0!important;height:100%!important;max-width:100%!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:0!important}.MuiBox-root{padding:6px!important;margin:0!important;max-width:100%!important;box-sizing:border-box!important}.MuiStack-root{width:100%!important;max-width:100%!important;margin:0!important;gap:0!important;padding:5px!important}.MuiGrid-container{display:flex!important;flex-direction:row!important;gap:8px!important;margin:0!important;width:100%!important}.MuiGrid-container>div{flex:1!important;min-width:48%!important;max-width:48%!important;padding:0!important}.MuiGrid-container .MuiBox-root{margin-bottom:6px!important}h1{font-size:20px!important;margin:4px 0!important}h2{font-size:14px!important;margin:4px 0!important}label{font-size:11px!important;min-width:65px!important}input,select,textarea{font-size:11px!important;padding:2px!important}.MuiBox-root:has(table){flex:1!important;display:flex!important;flex-direction:column!important;overflow:visible!important;max-width:100%!important;padding:0 5px!important;margin:0!important;box-sizing:border-box!important}table{width:100%!important;max-width:100%!important;height:100%!important;flex:1!important;border-collapse:collapse!important;border:1px solid black!important;font-size:8px!important;margin:0!important;table-layout:fixed!important;box-sizing:border-box!important}tbody{height:100%!important}thead{height:auto!important}th{border-right:1px solid black!important;border-bottom:1px solid black!important;padding:3px 1px!important;font-size:8px!important;font-weight:700!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important;word-wrap:break-word!important;white-space:normal!important}td{border-right:1px solid black!important;padding:2px 1px!important;font-size:8px!important;box-sizing:border-box!important;overflow:hidden!important;white-space:nowrap!important}tbody tr{height:32px!important}tbody tr:empty,tbody tr:has(td:empty){height:auto!important;min-height:60px!important}tbody tr[style*="fontWeight: bold"],tbody tr[style*="fontWeight:bold"],tbody tr[style*='fontWeight: "bold"'],tbody tr[style*="font-weight: bold"]{height:14px!important;min-height:14px!important;max-height:14px!important}tbody tr[style*=fontWeight] td,tbody tr[style*=font-weight] td{padding:0 1px!important;font-size:8px!important;line-height:1.1!important;height:14px!important}tbody tr:last-child{height:14px!important;min-height:14px!important;max-height:14px!important}tbody tr:last-child td{padding:0 2px!important;font-size:8px!important;line-height:1.1!important;height:14px!important}table input,table select,table textarea{border:none!important;background:transparent!important;outline:none!important;width:100%!important;max-width:100%!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;font-size:8px!important;padding:0!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:clip!important;line-height:1.1!important}.MuiBox-root[sx*=overflowX]{overflow:visible!important;max-width:100%!important}}@media print{label.kv-label{display:inline-block!important;visibility:visible!important;color:#000!important;font-weight:700!important;font-size:11px!important;min-width:80px!important}.kv-value{display:inline-block!important;visibility:visible!important;color:#000!important;font-size:11px!important}}.screen-only{display:flex}@media print{.screen-only{display:none!important}.print-only{display:inline-block!important;font-size:11px!important;color:#000!important;white-space:nowrap!important}.kv-row{display:flex!important;gap:6px!important;margin-bottom:6px!important}}@media print{table{width:100%!important;table-layout:fixed!important;border-collapse:collapse!important}col{width:auto!important}th,td{box-sizing:border-box!important;overflow:hidden!important;white-space:nowrap!important}table input{width:100%!important;max-width:100%!important;box-sizing:border-box!important;border:none!important;background:transparent!important}}@media screen{.invoice-details,.table-wrapper{min-width:650px}}@media print{.invoice-details,.table-wrapper,table{min-width:0!important;width:100%!important;max-width:100%!important}table{table-layout:fixed!important;border-collapse:collapse!important}col{width:auto!important}th,td{box-sizing:border-box!important;overflow:hidden!important;white-space:nowrap!important}table input{width:100%!important;max-width:100%!important;border:none!important;background:transparent!important}}@media print{table{width:100%!important;table-layout:fixed!important;border-collapse:collapse!important}th,td{box-sizing:border-box!important;white-space:nowrap!important;overflow:hidden!important}table input{width:100%!important;border:none!important;background:transparent!important}}.dashboard-wrapper{background:#0a0a0a;min-height:100vh;height:100vh;padding:10px 15px;overflow-x:hidden;overflow-y:auto;color:#fff;font-family:Arial,sans-serif}.inventory-dashboard{max-width:1400px;margin:0 auto}.page-title{text-align:center;font-size:24px;font-weight:700;margin-bottom:8px;color:#090808}.inv-filter-box{background:#1e1e1e;border-radius:8px;box-shadow:0 0 10px #9632ff66;padding:8px 10px;height:45px;display:flex}.branch-radio-wrapper{background:#1e1e1e;border-radius:8px;box-shadow:0 0 10px #9632ff66;padding-left:10px;height:45px;display:flex;align-items:center;justify-content:center}.branch-radio-wrapper .MuiFormControlLabel-root{flex:1;display:flex;justify-content:center;margin-right:0}.inventory-dashboard .MuiInputLabel-root{color:#fff!important;font-size:15px!important;top:-7px!important}.inventory-dashboard .MuiSelect-select{color:#fff!important;font-size:13px!important}.inventory-dashboard .MuiOutlinedInput-root{height:40px;display:flex;align-items:center}.inventory-dashboard .MuiOutlinedInput-notchedOutline{border-color:#fff!important}.inventory-dashboard .MuiRadio-root{color:#fff!important;padding:6px}.inventory-dashboard .MuiFormControlLabel-label{color:#fff!important;font-size:13px}.branch-radio-wrapper .MuiRadioGroup-root{column-gap:12px!important}.kpi-card{background:#1e1e1e;padding:10px;border-radius:10px;box-shadow:0 0 10px #9632ff66;text-align:center;height:70px;display:flex;flex-direction:column;justify-content:center;align-items:center}.kpi-label{font-size:12px;color:#aaa;margin-bottom:4px}.kpi-value{font-size:20px;font-weight:700;color:#fff}.chart-box{background:#1e1e1e;padding:10px;border-radius:10px;box-shadow:0 0 10px #9632ff4d;height:230px;overflow:hidden;display:flex;flex-direction:column}.chart-box h3{font-size:13px;margin:0 0 5px;color:#fff}.chart-box canvas,.chart-box svg{max-height:180px;height:180px;flex:1}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.quarter-filter-inside{display:flex;gap:4px}.quarter-btn{background:#222;color:#fff;padding:2px 6px;font-size:10px;border-radius:4px;border:1px solid #ffffff;cursor:pointer}.quarter-btn.active{background:#4caf50}.MuiGrid-container{margin-top:0!important}.MuiGrid-item{min-width:0!important}.filter-panel{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1!important}.MuiMenuItem-root{color:#000!important;background:#fff!important}.MuiChartsAxis-root text{fill:#fff!important;font-size:11px!important}.MuiChartsTooltip-root{color:#fff!important}.MuiChartsAxis-line,.MuiChartsAxis-tick{stroke:#fff!important}.legend-grid{display:flex;flex-direction:column;justify-content:center;gap:8px;padding-left:10px}.legend-item{display:flex;align-items:center;gap:8px}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-text{color:#fff;font-size:13px}.MuiChartsLegend-root{display:none!important}.filter-panel{padding:20px;min-height:100vh;border-right:1px solid #333;box-shadow:0 0 15px #9632ff66;border-radius:10px}.filters-title{font-size:22px;font-weight:700;margin-bottom:20px;color:#1b0f0f}.filter-box{margin-bottom:20px}.filter-label{color:#00e6ff;font-size:13px;margin-bottom:6px;display:block}.filter-dropdown{width:100%;padding:10px;background:#312b2b;border:1px solid #555;border-radius:8px;color:#fff;font-size:14px;outline:none;transition:.3s ease}.filter-dropdown:focus{border-color:#9b4fff;box-shadow:0 0 10px #9370c1cc}.filter-dropdown option{background:#000;color:#fff;padding:6px}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 0 10px #8a2be2,0 0 10px #8a2be299}.filter-section{transition:.25s ease}.filter-section:hover{box-shadow:0 0 10px #a020f0}@media(max-width:768px){.filter-panel{min-height:auto;border-right:none;box-shadow:none;border-radius:0;margin-bottom:15px}}@media(max-width:900px){.chart-box{height:220px!important}.kpi-card{height:65px!important}.page-title{font-size:20px}}@media(max-width:600px){.dashboard-wrapper{padding:8px 10px}.chart-box{height:200px!important}.kpi-card{height:60px!important}.inv-filter-box,.branch-radio-wrapper{height:40px}.page-title{font-size:18px;margin-bottom:6px}}.dashboard-wrapper{min-height:100vh;background:transparent;color:#fff;background:#131313;font-family:Arial,sans-serif}.filter-panel{overflow-y:auto;padding:15px}.filter-box{margin-bottom:14px}.filter-label{font-size:12px;margin-bottom:4px;display:block;color:#171b1c}.heatmap-wrapper{width:100%;overflow-x:auto;padding-bottom:10px}.heatmap-container{min-width:900px}.dashboard-title{text-align:center;margin-bottom:12px;font-size:28px;font-weight:700;color:#000}.kpi-card{background:#131313;padding:10px;height:95px;border-radius:10px;text-align:center;box-shadow:0 0 10px #764a8b;display:flex;flex-direction:column;justify-content:center}.metric-title{font-size:14px;margin-bottom:4px}.metric-value{font-size:18px;font-weight:700;color:#edf3f4}.chart-box{background:#1e1e1e;padding:10px;border-radius:10px;box-shadow:0 0 10px #9632ff4d;min-height:280px;height:auto!important;overflow:visible!important}.chart-box h3{margin:0 0 8px;font-size:16px}.doughnut-wrapper{width:180px;height:180px;margin:auto}.kpi-section>.MuiGrid-root,.chart-box{padding:6px!important}.MuiChartsLegend-root text{fill:#fff!important;font-size:13px!important}.MuiChartsLegend-root .MuiChartsLegend-marker{stroke:none!important;rx:3px!important}.pie-fix .MuiChartsLegend-root{display:flex!important;flex-direction:column;gap:6px;align-items:flex-start;margin-left:10px!important}.MuiChartsLegend-root .MuiChartsLegend-label{color:#fff!important;font-size:12px!important}.chart-box{transition:.25s ease}.chart-box:hover{transform:translateY(-5px);box-shadow:0 0 18px #8a2be2,0 0 10px #8a2be280}.kpi-card{transition:.25s ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 0 18px #8a2be2,0 0 10px #8a2be299}.filter-panel{transition:.25s ease}.filter-panel:hover{box-shadow:0 0 10px #8a2be2}@media(max-width:768px){.filter-panel{height:auto;width:100%}.chart-box{height:240px}.doughnut-wrapper{width:150px!important;height:150px!important}}.invoice-print-area{background:#fff;width:100%}.invoice-row{display:flex;gap:16px}.invoice-row>div{flex:1}.invoice-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:900px}.invoice-table th,.invoice-table td{border:1px solid #000;padding:6px;font-size:12px;vertical-align:middle}.invoice-table th{font-weight:700;text-align:center}.inv-input{width:100%;border:none;outline:none;background:transparent;font-size:12px;box-sizing:border-box}.inv-input.center{text-align:center}.inv-input.right{text-align:right}.bank-details{border:1px solid #000;padding:8px;font-size:12px}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.screen-only{display:block}.print-only{display:none}@media print{@page{size:A4;margin:10mm}html,body{width:210mm;height:297mm;margin:0;padding:0}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-print-area{position:relative!important;width:190mm!important;max-width:190mm!important;min-width:190mm!important;min-height:297mm!important;margin:0 auto!important;padding:6mm!important;box-sizing:border-box!important;font-family:Arial,sans-serif!important;font-size:11.5px!important;line-height:1.3!important;transform:scale(1)!important;transform-origin:top left!important}.ui-section,button,label,svg,.MuiSvgIcon-root{display:none!important}input,textarea{width:100%!important;min-width:0!important;border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;color:#000!important;-webkit-text-fill-color:#000!important}.MuiOutlinedInput-root,.MuiOutlinedInput-notchedOutline,.MuiInputBase-root,.MuiInput-underline:before,.MuiInput-underline:after{border:none!important;box-shadow:none!important}.MuiGrid-container{width:100%!important;max-width:100%!important;margin:0!important}.MuiGrid-item{max-width:100%!important;flex-basis:50%!important}.invoice-logo{position:absolute;right:10mm}.screen-only{display:none!important}.print-only{display:block!important}.invoice-section{width:100%}.invoice-row{display:block!important;width:100%!important;gap:6mm}.invoice-row>div{width:50%!important;max-width:50%!important;flex:0 0 50%!important;padding-right:0!important}.invoice-header-row,.print-header-row{display:flex!important;width:100%!important;gap:10mm!important;margin-bottom:6mm}.invoice-header-row>*,.print-header-row .print-col{flex:0 0 50%!important;max-width:50%!important}.billed-shipped-wrapper,.billed-shipped-print-row,.print-billed-row{display:flex!important;flex-direction:row!important;width:100%!important;gap:12mm!important;margin-top:6mm!important;align-items:flex-start!important}.billed-shipped-wrapper>*,.billed-shipped-print-row .print-col,.print-col{flex:0 0 50%!important;max-width:50%!important;vertical-align:top!important}.print-field{display:flex!important;align-items:flex-start;gap:4mm;margin-bottom:2mm;font-size:12px}.print-label{width:40mm;font-weight:600;white-space:nowrap}.print-value{flex:1}.print-section-title{display:block;font-weight:900;font-size:large;margin-bottom:3mm}.table-scroll{width:190mm!important;max-width:190mm!important;overflow:visible!important}.invoice-table{width:190mm!important;min-width:190mm!important;max-width:190mm!important;margin-top:4mm!important;border-collapse:collapse!important;table-layout:fixed!important}.invoice-table th,.invoice-table td{border:1px solid #000!important;padding:4px!important;font-size:11px!important;vertical-align:middle!important;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.invoice-table th{font-weight:700;text-align:center}.totals-section{margin-top:4mm}.totals-section .MuiGrid-container{display:block!important;width:100%!important}.totals-section .MuiGrid-container>.MuiGrid-root:first-child{display:none!important}.totals-section .MuiGrid-container>.MuiGrid-root:last-child{width:100%!important;max-width:100%!important;flex-basis:100%!important}.totals-section table{width:100%!important}.bank-details{border:1px solid #000;padding:6px;font-size:11px}.bank-declaration-wrapper{page-break-inside:avoid!important;break-inside:avoid!important;display:block!important;width:100%!important}table,tr,td,th,.bank-details{page-break-inside:avoid!important}}@media print{.print-table-wrapper{display:block!important;width:190mm!important;max-width:190mm!important;margin:0 auto!important}.table-scroll{width:190mm!important;max-width:190mm!important;overflow:visible!important}.invoice-table{width:190mm!important;min-width:190mm!important;max-width:190mm!important;table-layout:fixed!important}}.table-island{display:block!important;width:100%!important;clear:both!important}.invoice-table{width:100%!important;min-width:900px!important;table-layout:fixed!important}@media print{.table-island{width:190mm!important;max-width:190mm!important;margin:0 auto!important}.table-scroll{width:190mm!important;overflow:visible!important}.invoice-table{width:190mm!important;min-width:190mm!important;max-width:190mm!important;table-layout:fixed!important}}