*{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}@media print{body{margin:0!important;padding:0!important}.print-btn{display:none}@page{size:A5;margin:0}.print-area{width:148mm;height:210mm;border:2px solid black;padding:8mm;box-sizing:border-box}.header{text-align:center;border-bottom:2px solid black;padding-bottom:6px}.header h1{margin:0;font-size:22px}.header h2{margin:0;font-size:16px}.info{display:flex;justify-content:space-between;border-bottom:2px solid black;padding:8px 0;font-size:13px}table{width:100%;border-collapse:separate;border-spacing:0;border:2px solid black;font-size:12px}th{border-bottom:2px solid black;padding:6px;text-align:center}td{padding:6px;text-align:center;border:none}.space-row td{height:320px}.total-row td{border-top:2px solid black;font-weight:700}tfoot td{border-top:2px solid black}.words{text-align:center;margin-top:10px;font-weight:700}.print-header-grid{display:flex!important;flex-direction:row!important;justify-content:space-between!important;gap:0!important;margin-bottom:6mm!important;width:100%!important}.print-header-grid>.MuiGrid-root:nth-child(1),.print-header-grid>.MuiGrid-root:nth-child(2){flex:0 0 48%!important;max-width:48%!important}.print-header-grid>.MuiGrid-root:nth-child(3),.print-header-grid>.MuiGrid-root:nth-child(4){flex:0 0 48%!important;max-width:48%!important}.print-header-grid>.MuiGrid-root:nth-child(1){order:1}.print-header-grid>.MuiGrid-root:nth-child(2){order:3}.print-header-grid>.MuiGrid-root:nth-child(3){order:2}.print-header-grid>.MuiGrid-root:nth-child(4){order:4}.print-header-grid{flex-wrap:wrap!important}.kv-row{display:flex!important;align-items:flex-start!important;gap:4mm!important;margin-bottom:2mm!important}.kv-row strong{width:auto!important;display:inline-block!important;font-weight:600!important;white-space:nowrap!important;min-width:28mm!important}.kv-row span{flex:1!important}.screen-only{display:none!important}.print-only{display:inline!important;font-size:12px!important}}@media print{.noo-print{display:none!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%;max-width:100%;margin:0 auto;padding:20px;box-sizing:border-box}.invoice-row{display:flex;gap:16px}.invoice-row>div{flex:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.invoice-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:100%}.invoice-table th,.invoice-table td{border:1px solid #000;padding:8px;font-size:13px;vertical-align:middle;word-break:break-word;overflow-wrap:break-word;white-space:normal}.invoice-table th{font-weight:700;text-align:center;background-color:#f5f5f5}.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 portrait;margin:3mm}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:204mm!important;max-width:204mm!important;min-width:204mm!important;margin:0 auto!important;padding:2mm!important;box-sizing:border-box!important;font-family:Arial,sans-serif!important;font-size:11px!important;line-height:1.3!important;transform-origin:top left!important}.ui-section,button,label,svg,.MuiSvgIcon-root,.screen-only{display:none!important}.print-only{display:block!important}input,textarea{width:100%!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}.invoice-logo{position:absolute;right:8mm;top:0}.print-header-row,.print-billed-row{display:grid!important;grid-template-columns:1fr 1fr;gap:8mm;width:100%;margin-bottom:5mm}.print-col{width:100%;min-width:0;overflow-wrap:break-word;word-break:break-word}.print-field{display:flex!important;align-items:flex-start;gap:3mm;margin-bottom:1.5mm;font-size:11px;width:100%}.print-label{width:38mm;min-width:38mm;font-weight:600;white-space:nowrap;flex-shrink:0}.print-value{flex:1;word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important;white-space:normal!important;max-width:100%}.print-section-title{display:block;font-weight:900;font-size:13px;margin-bottom:2mm}.print-table-wrapper,.table-scroll{width:100%!important;max-width:100%!important;overflow:visible!important;margin:0!important;padding:0!important}.invoice-table{width:100%!important;max-width:100%!important;min-width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;margin:3mm 0!important}.invoice-table th,.invoice-table td{border:1px solid #000!important;padding:3px 4px!important;font-size:10px!important;vertical-align:middle!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important}.invoice-table th{font-weight:700!important;text-align:center!important;background-color:#f0f0f0!important}.invoice-table colgroup col:nth-child(1){width:3%!important}.invoice-table colgroup col:nth-child(2){width:28%!important}.invoice-table colgroup col:nth-child(3){width:11%!important}.invoice-table colgroup col:nth-child(4){width:11%!important}.invoice-table colgroup col:nth-child(5){width:7%!important}.invoice-table colgroup col:nth-child(6){width:11%!important}.invoice-table colgroup col:nth-child(7){width:6%!important}.invoice-table colgroup col:nth-child(8){width:8%!important}.invoice-table colgroup col:nth-child(9){width:15%!important}.totals-section{margin-top:3mm}.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;font-size:11px!important}.bank-details{border:1px solid #000!important;padding:5px!important;font-size:10px!important;margin-left:0!important}.bank-declaration-wrapper{page-break-inside:avoid!important;break-inside:avoid!important;display:block!important;width:100%!important;padding-left:0!important}.bank-details h4{margin:3mm 0 2mm!important;font-size:11px!important}.bank-details p{margin:1.5mm 0!important;font-size:10px!important}.declaration{border:1px solid #000!important;padding:5px!important;margin-top:4mm!important;font-size:10px!important;margin-left:0!important}table,tr,td,th,.bank-details,.declaration{page-break-inside:avoid!important}h4{margin:2mm 0!important;font-size:12px!important}p{margin:1mm 0!important;font-size:10px!important}br{display:block!important;content:""!important;margin:2mm 0!important}}