@layer payload-default{.pr-filters{margin:0;padding:0;width:100%;height:100%;--gap:var(--base);--cols:5;--spacing-small:calc(var(--base) / 2);--spacing-medium:var(--base)}.pr-filters h2{margin-top:var(--base)}.pr-filters ul{--filter-card-width:130px;--filter-card-hight:70px;--filter-card-background-color:var(--color-pe-pool-party);display:flex;margin-top:var(--spacing-medium);list-style:none;padding:0!important}.pr-filters ul li{width:var(--filter-card-width);height:var(--filter-card-hight);margin-right:var(--gap)}.pr-filters ul li .link{text-decoration:none}.pr-filters ul li .filter-card{cursor:pointer;border-radius:var(--spacing-small);display:flex;flex-direction:column;height:100%;padding:var(--spacing-small) var(--spacing-medium);background-color:var(--filter-card-background-color);color:var(--color-pe-midnight)}.pr-filters ul li .filter-card:hover{background-color:hsl(from var(--filter-card-background-color) h s calc(l - 10))}.pr-filters ul li .filter-card.blueberry{color:#fff;background-color:var(--color-pe-blueberry)}.pr-filters ul li .filter-card.blueberry:hover{background-color:hsl(from var(--color-pe-blueberry) h s calc(l - 10))}.pr-filters ul li .filter-card.raspberry{color:#fff;background-color:var(--color-pe-raspberry)}.pr-filters ul li .filter-card.raspberry:hover{background-color:hsl(from var(--color-pe-raspberry) h s calc(l - 10))}.pr-filters ul li .filter-card.pool-party{color:var(--color-pe-midnight);background-color:var(--color-pe-pool-party)}.pr-filters ul li .filter-card.pool-party:hover{background-color:hsl(from var(--color-pe-pool-party) h s calc(l - 10))}.pr-filters ul li .filter-card h3{flex:1 1;display:flex;align-items:center;justify-content:flex-end}.pr-filters ul li .filter-card .kpi{flex:2 1;display:flex;align-items:center;justify-content:flex-end;font-size:24px;line-height:100%;font-weight:bolder;text-decoration:none}}html[data-theme=dark]{--filter-card-background-color:var(--color-pe-blueberry)}@layer payload-default{.custom-dashboard{width:100%;padding:var(--base) var(--gutter-h);--gap:var(--base);--cols:5;--spacing-small:calc(var(--base) / 2);--spacing-medium:var(--base)}.custom-dashboard .dashboard-section{margin-bottom:calc(var(--base)*2)}.custom-dashboard .dashboard-section:last-child{margin-bottom:0}.custom-dashboard .dashboard-section h2{margin-top:0;margin-bottom:var(--spacing-medium);color:var(--theme-text);font-size:1.5rem;font-weight:600}.custom-dashboard .dashboard-section .kpi-grid{--kpi-card-width:240px;--kpi-card-height:150px;--kpi-card-background-color:var(--color-pe-pool-party);display:flex;flex-wrap:wrap;gap:var(--gap);list-style:none;padding:0;margin:0}.custom-dashboard .dashboard-section .kpi-grid li{width:var(--kpi-card-width);height:var(--kpi-card-height)}.custom-dashboard .dashboard-section .kpi-grid li .link{text-decoration:none;display:block;height:100%}.custom-dashboard .dashboard-section .kpi-grid li .kpi-card{cursor:pointer;border-radius:var(--spacing-small);display:flex;flex-direction:column;height:100%;padding:var(--spacing-small) var(--spacing-medium);background-color:var(--kpi-card-background-color);color:var(--color-pe-midnight);transition:background-color .2s ease}.custom-dashboard .dashboard-section .kpi-grid li .kpi-card:hover{background-color:hsl(from var(--kpi-card-background-color) h s calc(l - 10))}.custom-dashboard .dashboard-section .kpi-grid li .kpi-card.blueberry{color:#fff;background-color:var(--color-pe-blueberry)}.custom-dashboard .dashboard-section .kpi-grid li .kpi-card.blueberry:hover{background-color:hsl(from var(--color-pe-blueberry) h s calc(l - 10))}.custom-dashboard .dashboard-section .kpi-grid li .kpi-card.raspberry{color:#fff;background-color:var(--color-pe-raspberry)}.custom-dashboard .dashboard-section .kpi-grid li .kpi-card.raspberry:hover{background-color:hsl(from var(--color-pe-raspberry) h s calc(l - 10))}.custom-dashboard .dashboard-section .kpi-grid li .kpi-card.pool-party{color:var(--color-pe-midnight);background-color:var(--color-pe-pool-party)}.custom-dashboard .dashboard-section .kpi-grid li .kpi-card.pool-party:hover{background-color:hsl(from var(--color-pe-pool-party) h s calc(l - 10))}.custom-dashboard .dashboard-section .kpi-grid li .kpi-card h3{flex:1 1;display:flex;align-items:center;justify-content:flex-end;margin:0;font-size:1rem;font-weight:500}.custom-dashboard .dashboard-section .kpi-grid li .kpi-card .kpi{flex:2 1;display:flex;align-items:center;justify-content:flex-end;font-size:86px;line-height:100%;font-weight:bolder;text-decoration:none}.custom-dashboard .dashboard-section .kpi-grid li .kpi-card .subtitle{font-size:.875rem;opacity:.8;margin:0;text-align:right}.custom-dashboard .lighthouse-summary .summary-note{margin-top:var(--spacing-medium);font-size:.875rem;color:var(--theme-text-light);text-align:center}.custom-dashboard .lighthouse-summary .loading,.custom-dashboard .lighthouse-summary .no-data{text-align:center;padding:2rem;color:var(--theme-text-light);font-size:1rem;background:var(--theme-elevation-50);border:1px solid var(--theme-elevation-200);border-radius:8px}.custom-dashboard .lighthouse-charts-section .lighthouse-charts{margin:0;padding:0}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card{background:var(--theme-elevation-50);border:1px solid var(--theme-elevation-200);border-radius:12px;padding:2rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .controls .control-group{display:flex;flex-direction:column;gap:.5rem;flex:1 1;min-width:200px}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .controls .control-group label{font-weight:500;color:var(--theme-text);font-size:14px}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .controls .control-group.view-deployment-group{flex:0 0 auto;min-width:auto}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .controls .control-group.view-deployment-group label{display:none}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .controls .select-input{padding:.5rem .75rem;border:1px solid var(--theme-elevation-200);border-radius:4px;background:var(--theme-elevation-0);font-size:14px;color:var(--theme-text);width:100%}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .controls .select-input:focus{outline:none;border-color:var(--color-pe-blueberry);box-shadow:0 0 0 .2rem rgba(92,111,255,.25)}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .controls .device-toggles{display:flex;gap:8px}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .controls .device-toggles .device-toggle{padding:.5rem 1rem;border:1px solid var(--theme-elevation-200);border-radius:4px;background:var(--theme-elevation-0);color:var(--theme-text);font-size:14px;cursor:pointer;transition:all .2s ease}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .controls .device-toggles .device-toggle:hover{background:var(--theme-elevation-100);border-color:var(--color-pe-blueberry)}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .controls .device-toggles .device-toggle.active{background:var(--color-pe-blueberry);border-color:var(--color-pe-blueberry);color:#fff}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .controls .device-toggles .device-toggle:focus{outline:none;box-shadow:0 0 0 .2rem rgba(92,111,255,.25)}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .controls .view-deployment-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:1px solid var(--color-pe-pool-party);border-radius:4px;background:var(--color-pe-pool-party);color:var(--color-pe-midnight);font-size:14px;text-decoration:none;transition:all .2s ease;font-weight:500;height:38px;box-sizing:border-box}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .controls .view-deployment-btn:hover{background:hsl(from var(--color-pe-pool-party) h s calc(l - 10));border-color:hsl(from var(--color-pe-pool-party) h s calc(l - 10));text-decoration:none}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .controls .view-deployment-btn:focus{outline:none;box-shadow:0 0 0 .2rem rgba(92,111,255,.25)}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .loading,.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .no-data,.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .no-selection{text-align:center;padding:2rem;color:hsl(from var(--color-pe-blueberry) h calc(s * .8) calc(l - 30));font-size:1rem;background:hsl(from var(--color-pe-blueberry) h calc(s * .3) calc(l + 15));border:1px solid hsl(from var(--color-pe-blueberry) h calc(s * .5) calc(l - 5));border-radius:8px}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .charts-container .chart-section .recharts-wrapper{background:var(--theme-elevation-0);border-radius:8px;padding:1rem}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .charts-container .chart-section .recharts-wrapper .recharts-cartesian-axis-tick-value{font-size:11px;fill:var(--theme-text)}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .charts-container .chart-section .recharts-wrapper .recharts-legend-wrapper .recharts-legend-item{margin-right:15px;font-size:12px}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .charts-container .chart-section .recharts-wrapper .recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--theme-elevation-100)!important;border:1px solid var(--theme-elevation-200)!important;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.1);font-size:12px;color:var(--theme-text)!important}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .charts-container .chart-section .recharts-wrapper .recharts-cartesian-grid-horizontal line,.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .charts-container .chart-section .recharts-wrapper .recharts-cartesian-grid-vertical line{stroke:var(--theme-elevation-200)}@media(max-width:1200px){.custom-dashboard .dashboard-section .kpi-grid{--kpi-card-width:200px;--kpi-card-height:130px}.custom-dashboard .dashboard-section .kpi-grid .kpi-card .kpi{font-size:72px}}@media(max-width:768px){.custom-dashboard{padding:0 var(--spacing-medium)}.custom-dashboard .dashboard-section .kpi-grid{--kpi-card-width:100%;--kpi-card-height:120px;flex-direction:column}.custom-dashboard .dashboard-section .kpi-grid li{width:100%}.custom-dashboard .dashboard-section .kpi-grid .kpi-card .kpi{font-size:60px}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card{padding:1rem;border-radius:8px}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .controls{flex-direction:column;gap:15px}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .controls .control-group{min-width:auto}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .controls .control-group .select-input{min-width:auto;width:100%}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .charts-container .chart-section .recharts-wrapper{padding:.5rem}.custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .charts-container .chart-section .recharts-wrapper .recharts-cartesian-axis-tick-value{font-size:10px}}}html[data-theme=dark] .custom-dashboard{--kpi-card-background-color:var(--color-pe-blueberry)}html[data-theme=dark] .custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card{background:var(--theme-elevation-100);border-color:var(--theme-elevation-300);box-shadow:0 2px 8px rgba(0,0,0,.3)}html[data-theme=dark] .custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .charts-container .chart-section .recharts-wrapper{background:var(--theme-elevation-50);border-color:var(--theme-elevation-300)}html[data-theme=dark] .custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .charts-container .chart-section .recharts-wrapper .recharts-cartesian-grid-horizontal line,html[data-theme=dark] .custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .charts-container .chart-section .recharts-wrapper .recharts-cartesian-grid-vertical line{stroke:var(--theme-elevation-400)}html[data-theme=dark] .custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .loading,html[data-theme=dark] .custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .no-data,html[data-theme=dark] .custom-dashboard .lighthouse-charts-section .lighthouse-charts .chart-card .no-selection{background:hsl(from var(--color-pe-blueberry) h calc(s * .2) calc(l - 20));border-color:hsl(from var(--color-pe-blueberry) h calc(s * .4) calc(l - 10));color:hsl(from var(--color-pe-blueberry) h calc(s * .8) calc(l + 10))}