@layer payload-default{.technology-mix-visualization h2{margin-top:0;margin-bottom:var(--base);color:var(--theme-text);font-size:1.5rem;font-weight:600}.technology-mix-visualization .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)}.technology-mix-visualization .chart-card .filters-section{margin-bottom:2rem;padding:var(--base);background:var(--theme-elevation-0);border-radius:var(--border-radius);border:1px solid var(--theme-elevation-100);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--base)}.technology-mix-visualization .chart-card .filters-section .category-filters{display:flex;flex-wrap:wrap;gap:8px}.technology-mix-visualization .chart-card .filters-section .category-filters .category-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;font-family:inherit}.technology-mix-visualization .chart-card .filters-section .category-filters .category-toggle:hover{background:var(--theme-elevation-100);border-color:var(--color-pe-blueberry)}.technology-mix-visualization .chart-card .filters-section .category-filters .category-toggle.active{background:var(--color-pe-blueberry);border-color:var(--color-pe-blueberry);color:#fff}.technology-mix-visualization .chart-card .filters-section .category-filters .category-toggle:focus{outline:none;box-shadow:0 0 0 .2rem rgba(92,111,255,.25)}.technology-mix-visualization .chart-card .filters-section .view-mode-controls{display:flex;flex-wrap:wrap;gap:8px}.technology-mix-visualization .chart-card .filters-section .view-mode-controls .view-mode-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;font-family:inherit}.technology-mix-visualization .chart-card .filters-section .view-mode-controls .view-mode-toggle:hover{background:var(--theme-elevation-100);border-color:var(--color-pe-blueberry)}.technology-mix-visualization .chart-card .filters-section .view-mode-controls .view-mode-toggle.active{background:var(--color-pe-blueberry);border-color:var(--color-pe-blueberry);color:#fff}.technology-mix-visualization .chart-card .filters-section .view-mode-controls .view-mode-toggle:focus{outline:none;box-shadow:0 0 0 .2rem rgba(92,111,255,.25)}.technology-mix-visualization .chart-card .charts-container{margin-bottom:2rem;background:var(--theme-elevation-0);border:1px solid var(--theme-elevation-200);border-radius:8px;padding:1.5rem;box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}.technology-mix-visualization .viz-summary{background:var(--theme-elevation-50);border-radius:var(--border-radius);padding:var(--base);border:1px solid var(--theme-elevation-100)}.technology-mix-visualization .viz-summary .summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--base);gap:var(--base)}.technology-mix-visualization .viz-summary .summary-stats .stat-item-link{text-decoration:none;color:inherit;display:block;transition:transform .2s ease}.technology-mix-visualization .viz-summary .summary-stats .stat-item-link:hover{transform:translateY(-2px)}.technology-mix-visualization .viz-summary .summary-stats .stat-item-link:hover .stat-item{box-shadow:0 4px 8px rgba(0,0,0,.1);border-color:var(--theme-success-300)}.technology-mix-visualization .viz-summary .summary-stats .stat-item{text-align:center;padding:calc(var(--base)/2);background:var(--theme-elevation-0);border-radius:var(--border-radius);border:1px solid var(--theme-elevation-100);transition:all .2s ease;cursor:pointer}.technology-mix-visualization .viz-summary .summary-stats .stat-item .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--color-pe-blueberry);margin-bottom:calc(var(--base)/4)}.technology-mix-visualization .viz-summary .summary-stats .stat-item .stat-label{display:block;font-size:.875rem;color:var(--theme-text-dim);font-weight:500}.technology-mix-visualization .tech-viz-empty,.technology-mix-visualization .tech-viz-loading{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}.technology-mix-visualization .tech-viz-empty p,.technology-mix-visualization .tech-viz-loading p{margin:0}.technology-mix-visualization .tech-tooltip{background:var(--theme-elevation-0);border:1px solid var(--theme-elevation-200);border-radius:var(--border-radius);padding:calc(var(--base)/2);box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:.875rem;max-width:200px}.technology-mix-visualization .tech-tooltip .tooltip-label{margin:0 0 calc(var(--base)/4) 0;font-weight:600;color:var(--theme-text)}.technology-mix-visualization .tech-tooltip .tooltip-value{margin:0 0 calc(var(--base)/4) 0;font-weight:500}.technology-mix-visualization .tech-tooltip .tooltip-category{margin:0;color:var(--theme-text-dim);font-size:.8rem}.technology-mix-visualization .charts-container.no-hover .recharts-bar-rectangle:hover{opacity:1!important}.technology-mix-visualization .charts-container.no-hover .recharts-active-bar{filter:none!important;opacity:1!important}.technology-mix-visualization .charts-container.no-hover .recharts-bar-rectangle:hover,.technology-mix-visualization .charts-container.no-hover .recharts-bar:hover{filter:none!important}.technology-mix-visualization .charts-container.no-hover .recharts-cartesian-grid-bg,.technology-mix-visualization .charts-container.no-hover .recharts-tooltip-cursor{display:none!important}.technology-mix-visualization .charts-container.no-hover .recharts-cartesian-grid-horizontal line,.technology-mix-visualization .charts-container.no-hover .recharts-cartesian-grid-vertical line{opacity:.3}@media(max-width:768px){.technology-mix-visualization .chart-card .filters-section{flex-direction:column;gap:var(--base)}.technology-mix-visualization .chart-card .filters-section .category-filters,.technology-mix-visualization .chart-card .filters-section .view-mode-controls{justify-content:center}.technology-mix-visualization .viz-summary .summary-stats{grid-template-columns:1fr}}@media(max-width:480px){.technology-mix-visualization .chart-card{padding:1rem}.technology-mix-visualization .chart-card .filters-section .category-filters{flex-direction:column}.technology-mix-visualization .chart-card .filters-section .category-filters .category-toggle{width:100%}.technology-mix-visualization .chart-card .filters-section .view-mode-controls{flex-direction:column}.technology-mix-visualization .chart-card .filters-section .view-mode-controls .view-mode-toggle{width:100%}}.viz-enter{opacity:0;transform:translateY(20px)}.viz-enter-active{transition:opacity .3s ease,transform .3s ease}.viz-enter-active,.viz-exit{opacity:1;transform:translateY(0)}.viz-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}html[data-theme=dark] .technology-mix-visualization .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] .technology-mix-visualization .chart-card .filters-section{background:var(--theme-elevation-50);border-color:var(--theme-elevation-300)}html[data-theme=dark] .technology-mix-visualization .chart-card .filters-section .category-filters .category-toggle{background:var(--theme-elevation-50);border-color:var(--theme-elevation-300);color:var(--theme-text)}html[data-theme=dark] .technology-mix-visualization .chart-card .filters-section .category-filters .category-toggle:hover{background:var(--theme-elevation-100);border-color:var(--color-pe-blueberry)}html[data-theme=dark] .technology-mix-visualization .chart-card .filters-section .category-filters .category-toggle.active{background:var(--color-pe-blueberry);border-color:var(--color-pe-blueberry);color:#fff}html[data-theme=dark] .technology-mix-visualization .chart-card .filters-section .view-mode-controls .view-mode-toggle{background:var(--theme-elevation-50);border-color:var(--theme-elevation-300);color:var(--theme-text)}html[data-theme=dark] .technology-mix-visualization .chart-card .filters-section .view-mode-controls .view-mode-toggle:hover{background:var(--theme-elevation-100);border-color:var(--color-pe-blueberry)}html[data-theme=dark] .technology-mix-visualization .chart-card .filters-section .view-mode-controls .view-mode-toggle.active{background:var(--color-pe-blueberry);border-color:var(--color-pe-blueberry);color:#fff}html[data-theme=dark] .technology-mix-visualization .chart-card .charts-container{background:var(--theme-elevation-50);border-color:var(--theme-elevation-300);box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}html[data-theme=dark] .technology-mix-visualization .chart-card .tech-viz-empty,html[data-theme=dark] .technology-mix-visualization .chart-card .tech-viz-loading{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))}.deployment-lighthouse-chart{margin:1rem 0;padding:1.5rem 0}.deployment-lighthouse-chart h4{margin:0 0 1rem;color:var(--theme-text);font-size:1rem;font-weight:500}.deployment-lighthouse-chart .chart-container .recharts-wrapper{background:var(--theme-elevation-100);border-radius:8px;padding:1rem}.deployment-lighthouse-chart .chart-container .recharts-wrapper .recharts-cartesian-axis-tick-value{font-size:11px;fill:var(--theme-text)}.deployment-lighthouse-chart .chart-container .recharts-wrapper .recharts-legend-wrapper .recharts-legend-item{margin-right:15px;font-size:12px}.deployment-lighthouse-chart .chart-container .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}.deployment-lighthouse-chart .chart-container .recharts-wrapper .recharts-cartesian-grid-horizontal line,.deployment-lighthouse-chart .chart-container .recharts-wrapper .recharts-cartesian-grid-vertical line{stroke:var(--theme-elevation-200)}.deployment-lighthouse-chart .loading{text-align:center;padding:2rem;color:var(--theme-text-light);font-size:14px}.deployment-lighthouse-chart .error{text-align:center;padding:2rem;color:var(--theme-error-600);font-size:14px;background:var(--theme-error-50);border:1px solid var(--theme-error-200);border-radius:4px}.deployment-lighthouse-chart .no-data{text-align:center;padding:2rem;color:var(--theme-text-light);font-size:14px;background:var(--theme-elevation-50);border:1px solid var(--theme-elevation-200);border-radius:4px}}@layer payload-default{@media(max-width:768px){.deployment-lighthouse-chart .chart-container .recharts-wrapper{padding:.5rem}.deployment-lighthouse-chart .chart-container .recharts-wrapper .recharts-cartesian-axis-tick-value{font-size:9px;fill:var(--theme-text)}.deployment-lighthouse-chart .chart-container .recharts-wrapper .recharts-legend-wrapper .recharts-legend-item{margin-right:10px;font-size:10px}}}html[data-theme=dark] .deployment-lighthouse-chart .chart-container .recharts-wrapper{background:var(--theme-elevation-200)}html[data-theme=dark] .deployment-lighthouse-chart .chart-container .recharts-wrapper .recharts-cartesian-grid-horizontal line,html[data-theme=dark] .deployment-lighthouse-chart .chart-container .recharts-wrapper .recharts-cartesian-grid-vertical line{stroke:var(--theme-elevation-400)}html[data-theme=dark] .deployment-lighthouse-chart .error{background:rgba(220,53,69,.1);border-color:rgba(220,53,69,.3);color:#dc3545}