html,body{background-color:#0a0612}body{font-family:Lato,sans-serif;font-style:bold;background-image:radial-gradient(#3d293c,#000);background-attachment:fixed;margin:0;min-width:960px;color:#e6e6fa}.tab-bar{display:flex;gap:4px;padding:8px 20px 0;background:#161616cc;border-bottom:rgba(160,133,222,.4) solid 1px;flex-wrap:wrap}.tab{background:#4d308b33;color:#e6e6fa;border:none;border-bottom:2px solid transparent;padding:10px 18px;font-family:Share Tech Mono,monospace;font-size:14px;cursor:pointer;transition:background .2s,border-color .2s}.tab:hover{background:#a537fd40}.tab.active{background:#a537fd59;border-bottom-color:#a537fd;color:#fff}.tab-panel{display:none}.tab-panel.active{display:block}#title{width:100%;min-height:65px;text-align:left;color:#a537fd;border-bottom:rgb(160,133,222) dashed 2px;border-top:rgb(160,133,222) dashed 2px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:6px 20px}#title h1{font-family:Share Tech Mono,monospace;margin:0 0 0 20px;font-size:clamp(16px,1.6vw,28px)}#show-state{height:43px;flex:1;min-width:280px;max-width:620px;margin-left:20px;background-image:linear-gradient(-90deg,#16161600,#4d308bcc,#16161600)}#content{width:100%;height:calc(100vh - 160px);min-height:720px;display:flex;flex-direction:row;padding:4px 12px 25px;border-bottom:rgb(166,146,212) dashed 2px;box-sizing:border-box;gap:8px}#left{flex:12;display:flex;flex-direction:column;min-width:0}#mapPanel{flex:2;display:flex;flex-direction:row;min-height:0;gap:8px}#barPanel{flex:1;display:flex;flex-direction:row;min-height:0;gap:12px}#right{flex:6;display:flex;flex-direction:column;padding-left:10px;padding-bottom:20px;border-left:rgba(160,133,222) dotted 2px;min-width:0}#map{flex:7;display:flex;flex-direction:column;min-height:0;min-width:0}#maptitle{flex:0 0 auto;text-align:left;padding-left:20px}#themap{flex:1;position:relative;min-height:0;overflow:hidden}#themap svg:not(.mapLegend){width:100%;height:100%;display:block}#bar{flex:4;min-height:0;min-width:0;position:relative}#bar>svg{width:100%;height:100%}#exportBarChart,#importBarChart{flex:1;min-width:0;display:flex;flex-direction:column}#exportBarChart svg,#importBarChart svg{flex:1;width:100%;height:100%;min-height:0}#exportBarChart h2,#importBarChart h2{font-size:20px;color:#e6e6fa;margin:0;padding-bottom:3px}#layoutchart-info{flex:0 0 auto;padding:6px 0}#packLayout-export,#packLayout-import{flex:1;min-height:0;display:flex;flex-direction:column}#packLayout-export svg,#packLayout-import svg{flex:1;width:100%;height:100%;display:block;min-height:0}#packLayout-export circle{stroke:#0000}#packLayout-export svg text,#packLayout-import svg text{fill:#fff;font-size:13px;pointer-events:none}@media(max-width:1280px){#content{flex-direction:column;height:auto;min-height:unset}#right{border-left:none;border-top:rgba(160,133,222) dotted 2px;padding-left:0;padding-top:10px}#left,#right{min-height:700px}}path{fill:#fff;stroke:#fff;stroke-width:.5px}path:hover{stroke:silver;stroke-width:2px;fill-opacity:.5}.maptitle{font-size:20px;color:#fff;text-align:left}.box{margin:.5px;text-align:center}.chartBar:hover{fill:#4d308b}.xaxis{fill:none}.axis line{fill:#fff;stroke:#fff;shape-rendering:crispEdges}.axis text{font-family:sans-serif;font-size:11px;text-anchor:start;fill:#fff}.tooltip{position:absolute;max-width:260px;height:auto;padding:5px 8px;background-color:#fff;color:#222;border-radius:5px;box-shadow:4px 4px 10px #00000080;pointer-events:none;font-family:Lato,sans-serif;font-size:14px;z-index:100}.slidecontainer{width:100%;padding:0 4px;box-sizing:border-box}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-5px;width:100%;height:10px;background:#d3d3d3;outline:none;opacity:.9;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:13px;background:#a085de;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;background:#a085de;cursor:pointer}.commodity-label{color:#fff}.mapLegend{z-index:1;position:absolute;right:8px;top:8px;width:280px;height:50px;pointer-events:none}.legend-label{fill:#fff}.chartTitle{font-family:Economica,sans-serif;font-size:25px;font-style:bold}.chart-label{font-style:bold;font-size:18px;text-shadow:1.5px 3px black}.axisLabel text{fill:#fff}.textLabels{fill:#fff;font-size:16px}.show-state-name{font-family:Orbitron,"sans-serif";text-shadow:1.5px 3px black}.selected{fill-opacity:.5}#insights-section{padding:40px 60px;color:#e6e6fa;border-top:rgba(160,133,222,.6) dashed 2px;background:#16161666}#insights-section .section-title{font-family:Share Tech Mono,monospace;color:#c85fe5;margin:0 0 16px;font-size:26px}#insights-section .section-subtitle{color:#e6dcffbf;margin:0 0 24px;font-size:14px;line-height:1.5;max-width:780px}.insights-filters{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.insights-filters button{background:#4d308b4d;color:#e6e6fa;border:1px solid rgba(165,55,253,.4);padding:6px 14px;font-family:Lato,sans-serif;font-size:13px;cursor:pointer;border-radius:14px;transition:background .2s}.insights-filters button:hover{background:#a537fd66}.insights-filters button.active{background:#a537fd;color:#fff;border-color:#a537fd}.insights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.insight-card{background:#4d308b40;border-left:3px solid rgb(165,55,253);padding:18px 18px 16px;border-radius:4px;display:flex;flex-direction:column;gap:8px}.insight-card.hidden{display:none}.insight-card .insight-title{font-family:Share Tech Mono,monospace;color:#fff;font-size:15px;line-height:1.3;margin:0}.insight-card .insight-headline{color:#c85fe5;font-size:18px;font-weight:700;line-height:1.2}.insight-card .insight-body{color:#e6dcffd9;font-size:13px;line-height:1.5;margin:0}.insight-card .insight-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}.insight-tag{display:inline-block;padding:2px 9px;background:#a537fd40;border:1px solid rgba(165,55,253,.4);border-radius:10px;font-size:11px;color:#e6e6fa}.insight-card .insight-period{font-size:10px;letter-spacing:1.5px;color:#c85fe5cc;text-transform:uppercase}.sub-view{padding:20px 32px;color:#e6e6fa;box-sizing:border-box}.sub-view h2{font-family:Share Tech Mono,monospace;color:#c85fe5;margin:0 0 8px;font-size:22px}.sub-view .desc{color:#e6dcffcc;font-size:13px;max-width:820px;margin:0 0 20px;line-height:1.5}.sub-view .sub-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;min-height:420px}.sub-view .sub-grid>div{background:#16161666;border:1px solid rgba(160,133,222,.3);border-radius:4px;padding:14px;min-height:420px;display:flex;flex-direction:column}.sub-view .panel-title{font-size:14px;color:#c85fe5;margin:0 0 10px;font-family:Share Tech Mono,monospace}.sub-view .sub-map,.sub-view .sub-bars,.sub-view .sub-trend{flex:1;width:100%;min-height:0}.sub-view .sub-trend-row{margin-top:24px;background:#16161666;border:1px solid rgba(160,133,222,.3);border-radius:4px;padding:14px;height:320px;display:flex;flex-direction:column}.sub-view svg{width:100%;height:100%;display:block}@media(max-width:1100px){.sub-view .sub-grid{grid-template-columns:1fr}}.heatmap-view{padding:20px 32px;color:#e6e6fa}.heatmap-view h2{font-family:Share Tech Mono,monospace;color:#c85fe5;margin:0 0 8px;font-size:22px}.heatmap-controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:18px;padding:10px 0}.heatmap-controls label{font-size:13px;color:#e6e6fa;display:flex;align-items:center;gap:6px}.heatmap-controls select{background:#4d308b66;color:#fff;border:1px solid rgba(165,55,253,.5);padding:5px 10px;border-radius:4px;font-family:Lato,sans-serif;font-size:13px}.heatmap-scroll{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 260px);background:#16161680;border:1px solid rgba(160,133,222,.3);border-radius:4px}.heatmap-scroll svg{display:block}.heatmap-legend{display:flex;align-items:center;gap:10px;font-size:12px;color:#e6dcffbf;margin-top:10px}.heatmap-legend .legend-bar{width:220px;height:12px;border-radius:2px;background:linear-gradient(90deg,#b2182b,#ef8a62,#fddbc7,#f7f7f7,#d1e5f0,#67a9cf,#2166ac)}