:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-height:100vh;background-color:#f8fafc}.echarts-for-react{width:100%!important;height:100%!important}@media (prefers-color-scheme: dark){.echarts-for-react canvas{filter:invert(0)}}.brand-text{font-size:1.5rem;font-weight:700;color:#059669;letter-spacing:-.025em}.header{background:#059669;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;position:sticky;top:0;z-index:50;height:96px;min-height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.header-title{color:#fff;margin:0;font-weight:700;font-size:2rem;line-height:96px}.header-right-content{display:flex;align-items:center;gap:1rem}@media (max-width: 1024px){.header{height:80px;min-height:80px}.header-title{font-size:1.375rem}}@media (max-width: 768px){.header{height:64px;min-height:64px;justify-content:flex-start;padding:0 1rem;gap:.5rem}.header-title{font-size:1.25rem;line-height:1;align-self:center}.header-logo-mobile{margin-right:.5rem;display:flex;align-items:center}}@media (max-width: 640px){.header-title{font-size:1.125rem}}@media (max-width: 480px){.header{height:56px;min-height:56px}.header-title{font-size:1rem}}@media (max-width: 768px) and (orientation: landscape){.header{height:40px!important;min-height:40px!important;max-height:40px!important;padding:0 .75rem!important;gap:.375rem!important;justify-content:flex-start!important}.header-logo-mobile{margin-right:.375rem!important;height:40px!important}.header-title{font-size:.875rem!important;font-weight:600!important;line-height:40px!important;text-align:left!important}}.sidebar-logo-header{display:flex;align-items:center;height:96px;padding:0 1rem;border-bottom:1px solid #e5e7eb}.sidebar-logo-wrapper{background:#fff;border-radius:50%;padding:.5rem;display:flex;align-items:center;justify-content:center;height:48px;width:48px}.sidebar-logo{height:32px;width:auto}.sidebar-brand-text{font-size:1.5rem;font-weight:700;color:#059669;margin-left:1rem;letter-spacing:-.025em}.sidebar-menu{width:100%;max-width:100%;background:#e5e7eb;color:#222;height:100%;min-height:100%;padding:24px 0;box-shadow:none;display:flex;flex-direction:column;overflow-x:hidden;box-sizing:border-box}.sidebar-menu.collapsed{width:60px}.sidebar-menu nav{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.sidebar-menu nav::-webkit-scrollbar{width:8px}.sidebar-menu nav::-webkit-scrollbar-track{background:transparent}.sidebar-menu nav::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.sidebar-menu nav::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.sidebar-menu nav ul{list-style:none;padding:0 0 24px;margin:0}.sidebar-menu-item{display:flex;align-items:center;padding:12px 24px;cursor:pointer;transition:background .2s;font-size:1.05em;font-weight:700;color:#059669;background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu-item:not(.sidebar-menu-section):hover,.sidebar-menu-item.child:hover{background:#98cebd;color:#fff}.sidebar-menu-item.selected,.sidebar-menu-item.child.selected{background:#059669;color:#fff}.sidebar-menu-item.child{font-weight:400;color:#222}.sidebar-menu-icon{margin-right:12px;font-size:1.2em}.sidebar-menu-label{font-size:1em;text-decoration:none;color:inherit}.sidebar-menu.collapsed .sidebar-menu-label{display:none}@media (max-width: 768px){.sidebar-logo-header{height:56px;padding:0 .5rem}.sidebar-logo-wrapper{height:32px;width:32px;padding:.25rem}.sidebar-logo{height:20px}.sidebar-brand-text{font-size:1rem;margin-left:.5rem}.sidebar-menu{width:100%;max-width:100%;height:100%;min-height:calc(100vh - 56px);padding-top:8px}.sidebar-menu.collapsed{width:36px}.sidebar-menu-item{padding:10px 16px;font-size:.85em}.sidebar-menu-icon{margin-right:8px}}@media (max-width: 768px) and (orientation: landscape){.sidebar-logo-header{height:40px!important;padding:0 .375rem!important}.sidebar-logo-wrapper{height:28px!important;width:28px!important;padding:.2rem!important}.sidebar-logo{height:18px!important}.sidebar-brand-text{font-size:.875rem!important;margin-left:.375rem!important}.sidebar-menu{width:100%!important;max-width:100%!important;min-height:calc(100vh - 40px)!important;padding-top:6px!important}.sidebar-menu-item{padding:7px 12px!important;font-size:.9em!important}.sidebar-menu-icon{margin-right:6px!important}}.chart-axis-label{font-size:var(--chart-axis-size, 11px);color:var(--chart-axis-color, #000)}@media (max-width: 700px){.chart-axis-label{font-size:var(--chart-axis-size, 8px)}}.tooltip-row{display:flex;align-items:center;white-space:nowrap;justify-content:space-between;width:100%}.tooltip-icon{margin-right:.5em;flex-shrink:0}.tooltip-name-cell{flex:0;text-align:left;white-space:nowrap;margin-right:1em}.tooltip-value-cell{flex:0;text-align:right;white-space:nowrap;margin-left:auto;font-variant-numeric:tabular-nums}.tooltip-header{font-weight:600;font-size:13px;color:var(--chart-title-color);margin-bottom:.5em}.tooltip-row{display:flex;align-items:center;font-size:12px;margin-bottom:.25em;justify-content:space-between;width:100%}.tooltip-icon-cell{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:.5em;flex-shrink:0}.tooltip-icon{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.tooltip-name-cell{font-weight:500;color:var(--chart-text-color);margin-right:1em;white-space:nowrap}.tooltip-value-cell{font-weight:600;color:var(--chart-title-color);white-space:nowrap;text-align:right;margin-left:auto;font-variant-numeric:tabular-nums}:root{--chart-title-color: #374151;--chart-title-size: 16px;--chart-title-weight: 600;--chart-bg-color: #fff;--chart-border-color: #e5e7eb;--chart-text-color: #374151;--chart-text-size: 12px;--chart-axis-color: #000000;--chart-axis-size: 11px;--chart-grid-color: #d1d5db;--chart-pointer-color: #d1d5db;--chart-legend-color: #374151;--chart-legend-size: 14px;--chart-legend-spacing: 12px;--chart-legend-icon-size: 10px;--chart-color-1: #ef4444;--chart-color-2: #3b82f6;--chart-color-3: #10b981;--chart-color-4: #f59e42;--chart-color-5: #6b7280;--chart-color-6: #ec4899;--chart-color-7: #06b6d4;--chart-color-8: #84cc16;--chart-grid-left: 48px;--chart-grid-right: 15px;--chart-grid-top: 80px;--chart-grid-bottom: 40px;--chart-animation-duration: .75s}@media (max-width: 700px){:root{--chart-text-size: 8px;--chart-axis-size: 8px;--chart-title-size: 12px;--chart-legend-size: 11px;--chart-legend-spacing: 8px;--chart-legend-icon-size: 8px}.chart-container{height:200px;border-radius:.4rem}.chart-line .echarts-for-react{height:100%!important;width:100%!important}.chart-line .echarts-for-react svg text[fill="#333"]{font-size:11px!important}.chart-line .echarts-for-react svg text[fill="#999"]{font-size:9px!important}.chart-line .echarts-tooltip{font-size:10px!important;border-radius:.4rem!important;box-shadow:0 2px 4px -1px #00000014!important}.tooltip-header{font-size:11px;margin-bottom:.3em}.tooltip-row{font-size:10px;margin-bottom:.15em;justify-content:space-between}.tooltip-icon-cell{width:12px;height:12px;margin-right:.3em;flex-shrink:0}.tooltip-icon{width:7px;height:7px;flex-shrink:0}.tooltip-name-cell{margin-right:.5em;white-space:nowrap}.tooltip-value-cell{font-size:11px;white-space:nowrap;text-align:right;margin-left:auto;font-variant-numeric:tabular-nums}}.chart-config{--echarts-tooltip-bg: var(--chart-bg-color);--echarts-tooltip-border: var(--chart-border-color);--echarts-tooltip-text: var(--chart-text-color);--echarts-grid-color: var(--chart-grid-color);--echarts-axis-color: var(--chart-axis-color);--echarts-legend-color: var(--chart-legend-color)}.chart-container{height:300px;width:100%;padding:0;background:#fff;margin:0;border-radius:.5rem;overflow:hidden}.chart-line .echarts-for-react{height:100%!important;width:100%!important}.chart-line .echarts-for-react svg text[fill="#333"]{fill:var(--chart-legend-color)!important;font-size:var(--chart-legend-size)!important}.chart-line .echarts-for-react svg text[fill="#999"]{fill:var(--chart-axis-color)!important;font-size:var(--chart-axis-size)!important}.chart-line .echarts-for-react svg line[stroke="#ccc"]{stroke:var(--chart-grid-color)!important}.chart-line .echarts-tooltip{background:var(--chart-bg-color)!important;border:1px solid var(--chart-border-color)!important;color:var(--chart-text-color)!important;font-size:var(--chart-text-size)!important;border-radius:.5rem!important;box-shadow:0 4px 6px -1px #0000001a!important}.chart-line[data-series-1]{--series-color: var(--chart-color-1)}.chart-line[data-series-2]{--series-color: var(--chart-color-2)}.chart-line[data-series-3]{--series-color: var(--chart-color-3)}.chart-line[data-series-4]{--series-color: var(--chart-color-4)}.chart-line[data-series-5]{--series-color: var(--chart-color-5)}@media (max-width: 700px){.table-wrapper{overflow:auto;border-radius:.5rem;padding:.25rem;background:transparent}.table-container{overflow-x:auto!important;overflow-y:visible!important;width:100%!important;padding:0!important;box-sizing:border-box;overscroll-behavior-x:contain;clip-path:inset(0 0 0 0);-webkit-overflow-scrolling:touch}.table{table-layout:auto!important;width:auto!important;min-width:100%!important}.table-header-cell,.table-cell,.table-header-first{font-size:.55rem!important;min-width:unset!important;max-width:unset!important;padding:.25rem .2rem!important;white-space:nowrap!important;overflow:visible!important}.table-header-first,.table-cell-first{min-width:4rem!important;max-width:unset!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.table th:first-child,.table td:first-child{width:var(--table-mobile-key-col-width, 90px)!important;min-width:var(--table-key-col-min, 70px)!important;max-width:unset!important;box-sizing:border-box;overflow:visible;text-overflow:clip}.grouped-customer-table .table th:first-child,.grouped-customer-table .table td:first-child,.grouped-customer-table .customer-name-header,.grouped-customer-table .customer-name-cell{width:var(--customer-name-width, 180px)!important;min-width:150px!important;max-width:unset!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important}}.table-wrapper{overflow:hidden;border-radius:.5rem;padding:0;background:transparent;position:relative}.table-container{overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;clip-path:inset(0 0 0 0);background:transparent;border:none;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb;position:relative;isolation:isolate}.table{width:100%;min-width:100%;border-collapse:separate;border-spacing:0;table-layout:auto;background-color:#fff;position:relative}.table th:first-child,.table td:first-child{width:var(--table-key-col-width, 180px);min-width:var(--table-key-col-width, 180px);max-width:var(--table-key-col-width, 180px);box-sizing:border-box}.grouped-customer-table .table th:first-child,.grouped-customer-table .table td:first-child,.grouped-customer-table .customer-name-header,.grouped-customer-table .customer-name-cell{width:var(--customer-name-width, 180px);min-width:150px;max-width:200px;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.table-header{background:#f8f9fa}.table-header-cell{position:sticky;top:0;z-index:20;background:#f8f9fa;color:#000;font-weight:600;padding:.4rem;text-align:right;border-bottom:2px solid #e9ecef;letter-spacing:.04em;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-width:5rem;line-height:1.2}@media (min-width: 701px){.table-header-cell{font-size:.75rem!important;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;overflow:visible;text-overflow:clip}}.table-header-first{text-align:left!important;position:sticky;top:0;left:0;z-index:40;background:#f8f9fa!important;width:var(--table-key-col-width, 180px)!important;min-width:var(--table-key-col-width, 180px)!important;max-width:var(--table-key-col-width, 180px)!important;box-shadow:1px 0 3px #00000014;border-right:1px solid #e9ecef;border-left:none;background-clip:padding-box;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;overflow:visible;text-overflow:clip;line-height:1.2}@media (min-width: 701px){.table-header-first{font-size:.75rem!important;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;overflow:visible;text-overflow:clip}}.table-body{background-color:#fff}.table-row{border-bottom:1px solid #f3f4f6}.table-row:hover{background-color:#f9fafb}.table-row:hover .table-cell-first{background-color:#fff!important}.table-row-highlighted{background-color:#fee2e2!important}.table-row-highlighted:hover{background-color:#fecaca!important}.table-row-highlighted .table-cell-first{background-color:#fee2e2!important}.table-row-highlighted:hover .table-cell-first{background-color:#fecaca!important}.table-cell{padding:.6rem .4rem;white-space:nowrap;font-size:.75rem;color:#111827;font-weight:500;text-align:right;border-bottom:1px solid #f3f4f6;min-width:5rem;overflow:visible;text-overflow:clip}.table-cell-first{text-align:left!important;position:sticky;top:auto;left:0;background-color:#fff!important;z-index:30;width:var(--table-key-col-width, 180px);min-width:var(--table-key-col-width, 180px);max-width:var(--table-key-col-width, 180px);box-shadow:1px 0 3px #00000014;border-right:1px solid #f3f4f6;border-left:none;background-clip:padding-box;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;overflow:visible!important;text-overflow:clip}.grouped-customer-table .total-row{background-color:#f8f9fa!important}.grouped-customer-table .total-row td{background-color:#f8f9fa!important;font-weight:700;color:#495057}.grouped-customer-table .customer-name-header,.grouped-customer-table .customer-name-cell{white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;line-height:1.3;vertical-align:top;text-overflow:clip;overflow:visible!important}.table-cell[data-colname*=name],.table-cell[data-colname*=description],.table-cell[data-colname*=action],.table-cell[data-colname*=warning],.table-cell[data-colname*=corrective]{white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;text-overflow:clip;overflow:visible!important}.table-totals-row{background-color:#f8f9fa;font-weight:700}.table-totals-row td{border-top:2px solid #e5e7eb}.table-cell-numeric{text-align:right;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.grouped-table .table-group-header{position:sticky;top:0;z-index:15;background-color:transparent}.grouped-table .table-group-header-cell{text-align:left;background-color:#f3f4f6;font-weight:600;padding:.5rem .75rem;border-top:2px solid #e5e7eb;border-bottom:1px solid #e5e7eb;position:sticky;left:0;z-index:16;box-shadow:1px 0 3px #00000014;border-right:1px solid #e5e7eb;width:100%;display:block}.grouped-table .table-group-header-spacer{background-color:#f3f4f6!important;border-top:2px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:.5rem .4rem!important}@media (max-width: 700px){.grouped-table .table-group-header-cell{width:var(--table-mobile-key-col-width, 90px);max-width:var(--table-mobile-key-col-width, 90px)}}.grouped-table .table-group-total{background-color:#f9fafb}.grouped-table .table-group-total .table-cell{font-weight:600;background-color:#f9fafb}.grouped-table .table-group-total-label{background-color:#f9fafb!important}.table-cell-negative{background-color:#fee2e2;color:#991b1b}.inventory-table .table th:first-child,.inventory-table .table td:first-child{width:14rem!important;min-width:14rem!important;max-width:14rem!important}@media (max-width: 700px){.inventory-table .table th:first-child,.inventory-table .table td:first-child{width:8rem!important;min-width:8rem!important;max-width:8rem!important}}.inventory-table .table-container{max-height:calc(100vh - 290px)!important}@media (max-width: 700px){.inventory-table .table-container{max-height:calc(100vh - 170px)!important}}@media (max-width: 768px) and (orientation: landscape){.inventory-table .table-container{max-height:none!important;overflow-y:visible!important}}.corrective-actions-table .table th:first-child,.corrective-actions-table .table td:first-child{width:18rem!important;min-width:18rem!important;max-width:18rem!important}@media (max-width: 700px){.corrective-actions-table .table th:first-child,.corrective-actions-table .table td:first-child{width:5.5rem!important;min-width:5.5rem!important;max-width:5.5rem!important}}.customer-summary-table .table th:first-child,.customer-summary-table .table td:first-child{width:10rem!important;min-width:10rem!important;max-width:10rem!important}@media (max-width: 700px){.customer-summary-table .table th:first-child,.customer-summary-table .table td:first-child{width:8rem!important;min-width:8rem!important;max-width:8rem!important}}@media (min-width: 900px) and (max-width: 1300px){.table th:first-child,.table td:first-child,.table-header-first,.table-cell-first{width:var(--table-key-col-width, 180px)!important;min-width:var(--table-key-col-width, 180px)!important;max-width:var(--table-key-col-width, 180px)!important}}.fsafe-table .table-container{max-height:none!important}@media (max-width: 700px){.fsafe-table .table-container{max-height:calc(100vh - 170px)!important}}@media (max-width: 768px) and (orientation: landscape){.fsafe-table .table-container{max-height:none!important;overflow-y:visible!important}}.grid{display:grid;gap:.1rem 1rem;width:100%;box-sizing:border-box}.grid-cols-3-lg{grid-template-columns:1fr}@media (max-width: 768px) and (orientation: landscape){.grid-cols-3-lg{grid-template-columns:1fr}}@media (min-width: 640px) and (orientation: portrait),(min-width: 769px) and (max-width: 1299px){.grid-cols-3-lg{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1300px){.grid-cols-3-lg{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-cols-2-md{grid-template-columns:1fr}@media (max-width: 768px) and (orientation: landscape){.grid-cols-2-md{grid-template-columns:1fr}}@media (min-width: 640px) and (orientation: portrait),(min-width: 769px){.grid-cols-2-md{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px) and (orientation: landscape){.grid{gap:.25rem}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f9fafb}.loading-content{text-align:center}.spinner{animation:spin 1s linear infinite;border-radius:50%;height:3rem;width:3rem;border:2px solid transparent;border-bottom:2px solid #2563eb;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#4b5563}.error-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f9fafb}.error-content{text-align:center}.error-text{color:#dc2626;margin-bottom:1rem}.retry-button{padding:.5rem 1rem;background-color:#2563eb;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:500}.retry-button:hover{background-color:#1d4ed8}@media (max-width: 700px){.toggle-container .toggle-button{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:.25rem;padding:0;border-radius:.03rem;flex-wrap:wrap;width:100%}.toggle-container .toggle-button.grid-5{grid-template-columns:repeat(5,1fr)!important}.toggle-container .toggle-button.grid-7{grid-template-columns:repeat(7,1fr)!important}.toggle-container .toggle-button.grid-8{grid-template-columns:repeat(8,1fr)!important}.toggle-container.inline-compact .toggle-button{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:.25rem}.toggle-container.inline-compact .toggle-button .toggle-option{font-size:.55rem!important;padding:.35rem .75rem!important;min-width:unset!important;border-radius:.25rem!important;font-weight:500!important;white-space:nowrap!important;width:auto!important;flex-shrink:0;box-sizing:border-box;border:1px solid #222!important;background:transparent;color:#222}.toggle-container .toggle-button .toggle-option{font-size:.55rem!important;padding:.35rem .1rem!important;min-width:unset!important;border-radius:.25rem!important;font-weight:500!important;width:100%;box-sizing:border-box;border:1px solid #222!important;background:transparent;color:#222}.toggle-container .toggle-button .toggle-option.active{background:#059669!important;color:#fff!important;box-shadow:0 1px 2px #0000001a!important;border:1px solid #059669!important}.toggle-title{font-size:.5rem;margin-bottom:.04rem;margin-left:.03rem}.toggle-container{margin-bottom:0;padding:0;flex-wrap:wrap}.toggle-button{padding:0;border-radius:.03rem;flex-wrap:wrap}.weather-page-controls .time-stats-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.2rem!important}.weather-page-controls .time-stats-row .toggle-container{width:100%!important}.weather-page-controls .time-stats-row .toggle-container .toggle-button{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:.15rem!important;width:100%!important}.weather-page-controls .time-stats-row .toggle-container .toggle-button .toggle-option{flex:1!important;min-width:0!important;padding:.3rem .15rem!important;font-size:.7rem!important}.weather-page-controls .metrics-grid .toggle-container .toggle-button{display:flex!important;flex-direction:column!important;gap:.2rem!important}.weather-page-controls .metrics-grid .toggle-container .toggle-button .toggle-option{width:100%!important;padding:.3rem!important;font-size:.7rem!important}}@media (orientation: landscape) and (max-width: 700px){.weather-page-controls .landscape-toggle-wrapper .toggle-container{width:100%!important}.weather-page-controls .landscape-toggle-wrapper .toggle-container .toggle-button{display:flex!important;flex-direction:row!important;padding:.15rem!important;gap:.15rem!important;width:100%!important;grid-template-columns:unset!important}.weather-page-controls .landscape-toggle-wrapper .toggle-container .toggle-button .toggle-option{flex:1!important;font-size:.5rem!important;padding:.2rem .05rem!important;min-width:18px!important;width:auto!important}.weather-page-controls .toggle-container .toggle-button{padding:.15rem!important;gap:.15rem!important}.weather-page-controls .toggle-container .toggle-button .toggle-option{font-size:.5rem!important;padding:.2rem .05rem!important;min-width:18px!important;max-width:50px!important;width:auto!important;flex:0 1 auto!important}}.toggle-container{display:flex;justify-content:left;margin-bottom:0;padding:0;flex-wrap:wrap}.toggle-button{display:flex;border:none;background:transparent;border-radius:.5rem;padding:.25rem;cursor:pointer;transition:all .2s ease-in-out;box-shadow:none;flex-wrap:wrap}.toggle-button:hover{border:none;box-shadow:none}.toggle-option{padding:.5rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;transition:all .2s ease-in-out;color:#6b7280;background:transparent;min-width:70px;text-align:center}.toggle-option.active{background:#059669;color:#fff;box-shadow:0 1px 2px #0000001a}.toggle-title{font-weight:600;font-size:.95rem;margin-bottom:.15rem;margin-left:.1rem}.toggle-button,.toggle-label,button,.toggle-option{text-transform:none}.dropdown-group{display:flex;flex-direction:column;gap:.25rem}.dropdown-label{font-size:.875rem;font-weight:500;color:#374151}.dropdown-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;min-width:180px;font-size:.875rem}@media (max-width: 700px){.dropdown-select{padding:.4rem .3rem;font-size:.75rem;min-width:100px}}.dropdown-select.disabled{background:#f9fafb;cursor:not-allowed}.filter-controls-row{flex-direction:row!important;align-items:center!important;gap:2.5rem;justify-content:flex-start}.button-toggle-btn{background:transparent;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;font-size:.875rem;transition:all .2s ease-in-out;color:#6b7280;width:140px;text-align:center;border:1px solid #222;cursor:pointer;box-sizing:border-box;height:fit-content}.button-toggle-btn.active{background:#059669;color:#fff;border:1px solid #222;box-shadow:0 1px 2px #0000001a}@media (max-width: 700px){.button-toggle-btn{font-size:.55rem!important;padding:.35rem .1rem!important;min-width:unset!important;border-radius:.25rem!important;width:90px!important;white-space:nowrap!important;box-sizing:border-box;border:1px solid #222!important}.button-toggle-btn.active{background:#059669!important;color:#fff!important;border:1px solid #059669!important;box-shadow:0 1px 2px #0000001a!important}}.multi-select-input-container::-webkit-scrollbar{display:none}.multi-select-input-container{scrollbar-width:none}.multi-select-input-container{-ms-overflow-style:none}.emp-pivot-table .table-container{max-height:none}.emp-pivot-table .table th:first-child,.emp-pivot-table .table td:first-child{width:var(--table-key-col-width, 180px)!important;min-width:var(--table-key-col-width, 180px)!important;max-width:var(--table-key-col-width, 180px)!important}@media (max-width: 700px){.emp-pivot-table .table th:first-child,.emp-pivot-table .table td:first-child{width:var(--table-mobile-key-col-width, 90px)!important;min-width:var(--table-mobile-key-col-width, 90px)!important;max-width:var(--table-mobile-key-col-width, 90px)!important}}.pivot-table{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:.875rem}.emp-pivot-table .pivot-table .row{display:table-row;align-items:unset;gap:unset}.emp-pivot-table .pivot-table .cell{display:table-cell;padding:unset;white-space:unset;overflow:unset;text-overflow:unset}.pivot-table .percent-pill{display:inline-block;padding:2px 6px;background:#f3f4f6;border-radius:9999px;min-width:36px;text-align:center;font-variant-numeric:tabular-nums;overflow:visible;z-index:2;box-sizing:border-box}@media (max-width: 640px){.pivot-table .percent-pill{font-size:.75rem;padding:2px 4px;min-width:28px;text-align:left;box-sizing:border-box}}.emp-pivot-percent--low{background-color:#dcfce7;color:#047857}.emp-pivot-percent--mid{background-color:#fef3c7;color:#92400e}.emp-pivot-percent--high{background-color:#fee2e2;color:#991b1b}.emp-pivot-percent--na{color:#6b7280}.emp-pivot-table .table-container,.emp-pivot-table .table{overflow:visible!important}@media (max-width: 640px){.emp-pivot-table .emp-pivot-percent{justify-content:flex-start;text-align:left;padding-left:4px;padding-right:2px;min-width:18px}.emp-pivot-table .table-cell,.emp-pivot-table .table-container,.emp-pivot-table .table{overflow:visible!important}.emp-pivot-table .table-container{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch}.pivot-table{display:inline-block;min-width:100%}}.logo-section{display:flex;align-items:center;gap:1rem;padding:0 1rem;width:100%;box-sizing:border-box}.logo-wrapper{height:60px;width:80px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000000a;padding:0;margin:0}.logo-img{height:50px;width:50px;object-fit:contain;display:block}.logo-text{font-size:1.5rem;font-weight:800;color:#059669;margin-left:.01rem;letter-spacing:-.025em}@media (max-width: 768px){.logo-text{display:none!important}.logo-section{width:48px!important;min-width:32px!important;max-width:56px!important;padding:0!important}.logo-wrapper{height:40px!important;width:40px!important}.logo-img{height:32px!important;width:32px!important}}@media (max-width: 768px) and (orientation: landscape){.logo-section{width:36px!important;min-width:28px!important;max-width:40px!important}.logo-wrapper{height:28px!important;width:28px!important;min-height:28px!important;min-width:28px!important;max-height:28px!important;max-width:28px!important}.logo-img{height:20px!important;width:20px!important;min-height:20px!important;min-width:20px!important;max-height:20px!important;max-width:20px!important}}.hamburger-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.5rem;outline:none;transition:background .2s;font-size:2rem;color:#059669;margin-left:.25rem}.hamburger-btn:hover,.hamburger-btn:focus{background:#e5e7eb}@media (max-width: 768px) and (orientation: landscape){.hamburger-btn{padding:.2rem!important;font-size:1.25rem!important;margin-left:.125rem!important;min-height:32px!important;min-width:32px!important}}.content-wrapper{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #f3f4f6;margin:0 auto;width:100%;max-width:100%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;height:100%;max-height:100%;padding:0}.content-wrapper>div:not([data-sticky-header=true]){padding:0 1rem}.content-wrapper [data-sticky-header=true]{padding-top:1rem!important;padding-bottom:.25rem!important}@media (max-width: 768px){.content-wrapper{margin:0;font-size:.95em;height:calc(100vh - 70px);max-height:calc(100vh - 70px);overflow-y:auto!important}.content-wrapper [data-sticky-header=true]{font-size:.9em;padding-top:.5rem!important;padding-bottom:.25rem!important;position:-webkit-sticky!important;position:sticky!important;top:0!important}.content-wrapper>div:not([data-sticky-header=true]){padding:0 .5rem}.content-wrapper>div:not([data-sticky-header=true])>*+*{margin-top:.1rem}.table-spacing{margin-top:.1rem}}@media (max-width: 768px) and (orientation: landscape){.content-wrapper{border-radius:.5rem;font-size:.85em;height:calc(100vh - 56px);max-height:calc(100vh - 56px);overflow-y:auto!important}.content-wrapper [data-sticky-header=true]{font-size:.85em;padding:.25rem!important;position:-webkit-sticky!important;position:sticky!important;top:0!important}.content-wrapper>div:not([data-sticky-header=true]){padding:0 .25rem}.content-wrapper>div:not([data-sticky-header=true])>*+*{margin-top:.25rem}.table-spacing{margin-top:.25rem}.content-wrapper [data-sticky-footer=true]{position:-webkit-sticky!important;position:sticky!important;bottom:0!important}}@media (min-width: 769px){.dashboard-header{position:sticky;top:0;z-index:200;background:#f6f8fa}.dashboard-main-container{height:100vh;display:flex;flex-direction:column;overflow:hidden}.dashboard-grid-container{flex:1;display:flex;width:100%;max-width:100%;overflow:hidden}.dashboard-sidebar{flex:0 0 300px;width:300px;min-width:300px;max-width:300px;background:#fff;border-right:none;box-shadow:none;z-index:150;overflow-x:hidden;box-sizing:border-box}.content-container{flex:1;padding:1rem;overflow-y:auto;overflow-x:hidden;height:100%;box-sizing:border-box}}@media (max-width: 768px){.dashboard-main-container{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;padding:0}.dashboard-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:200;background:#f6f8fa}.dashboard-grid-container{display:flex;flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;padding:60px .5rem 0;overflow-x:hidden;min-width:0}.content-container{padding:.25rem}.sidebar-drawer{position:fixed;top:56px;left:0;height:calc(100vh - 56px);width:252px;max-width:252px;background:#fff;box-shadow:2px 0 8px #00000026;z-index:180;transform:translate(-100%);transition:transform .3s ease-in-out;will-change:transform;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.sidebar-drawer.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:56px;left:0;width:100%;height:calc(100vh - 56px);background:#0000004d;z-index:170}}@media (max-width: 768px) and (orientation: landscape){.dashboard-grid-container{padding:44px .25rem 0!important}.content-container{padding:.25rem!important}}.card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e0e0e0;overflow:hidden;margin:.5rem 0;padding:0}@media (max-width: 768px){.card{margin:.25rem 0;border-radius:1rem}}@media (max-width: 768px) and (orientation: landscape){.card{margin:.25rem 0}}.card-header{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:#f8f9fa}@media (min-width: 640px){.card-header{padding:1rem 1.5rem}}.heading-main{font-size:2.5rem;font-weight:800;color:#059669;margin:0 0 .5rem;line-height:1.2}@media (max-width: 768px){.heading-main{font-size:1.875rem}}.subtitle{font-size:1.125rem;color:#6b7280;margin:.5rem 0 0;font-weight:500}@media (max-width: 768px){.subtitle{font-size:1rem}}.section-title{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}@media (min-width: 640px){.section-title{font-size:1.125rem}}.btn-primary{background:linear-gradient(90deg,#059669,#10b981);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .2s ease-in-out;cursor:pointer}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}
