.panel-1{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;height:350px;display:flex;flex-direction:column;overflow:auto;grid-area:country-select;width:95%}.map-container{flex:1;min-height:200px;margin-top:8px;align-content:center;position:relative;overflow:visible}.map-tooltip{position:absolute;transform:translate(-50%,-100%);background-color:#fffffff2;border:1px solid #d9d9d9;color:#000;padding:8px;z-index:1000;font-family:sans-serif;font-size:11px;border-radius:3px;box-shadow:2px 2px 4px #0000001a;white-space:pre-line}.react-transform-wrapper,.react-transform-component{overflow:visible!important}.country-search{margin-bottom:8px}.search-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px;box-sizing:border-box}.country-list{flex:1;overflow:auto;border:1px solid #eee;border-radius:6px;padding:8px;background:#fff}.country-item{display:flex;align-items:center;gap:8px;padding:4px 2px;font-size:13px}.country-item input[type=checkbox]{width:14px;height:14px}.country-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-list{text-align:center;color:#888;padding:8px 0;font-size:12px}.groups-section{display:flex;flex-direction:column;flex:1;overflow:hidden}.group-selector{margin-bottom:8px}.group-card{border:1px solid #eee;border-radius:6px;padding:8px;background:#fff;display:flex;flex-direction:column;flex:1;overflow:hidden}.group-card.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.group-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.group-title{font-weight:600;color:#111827;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .2s}.group-title:hover{background-color:#f3f4f6}.group-title-input{font-weight:600;color:#111827;border:1px solid #2563eb;border-radius:4px;padding:2px 6px;font-size:inherit;font-family:inherit;background:#fff;width:100%;max-width:200px}.group-title-input:focus{outline:none;box-shadow:0 0 0 2px #2563eb33}.group-actions{display:inline-flex;align-items:center;gap:8px}.group-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:9999px;font-size:12px;background:#f3f4f6;color:#374151}.group-close{width:20px;height:20px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:14px;line-height:18px;text-align:center;cursor:pointer}.group-close:hover{background:#f3f4f6;color:#ef4444;border-color:#fca5a5}.group-countries{display:flex;flex-wrap:wrap;gap:3px;max-height:200px;overflow-y:auto;margin-bottom:8px;min-height:32px;padding:4px;border-radius:4px;background:#f9fafb}.group-card.active .group-countries{background:#f0f9ff;border:1px solid #e0f2fe}.group-card-footer{margin-top:8px}.country-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-size:13px;transition:all .2s ease;animation:pillAppear .2s ease}@keyframes pillAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.country-pill:hover{border-color:#2563eb;background:#eff6ff;box-shadow:0 1px 2px #2563eb1a}.pill-remove{background:transparent;border:none;cursor:pointer;color:#6b7280;font-size:14px;line-height:1;padding:0 2px}.pill-remove:hover{color:#ef4444}.add-country-section{padding-top:8px;border-top:1px dashed #e5e7eb;display:flex;flex-direction:column;height:60%}.panel-3{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;height:350px;display:flex;flex-direction:column;overflow:auto;grid-area:indicator-select;width:95%}.indicators-list{max-height:inherit;overflow-y:auto;border:1px solid #ddd;border-radius:4px;padding:8px;margin-top:4px}.indicator-checkbox-label{display:flex;align-items:flex-start;padding:6px 4px;cursor:pointer;font-size:13px}.indicator-checkbox{margin-right:8px;margin-top:2px}.selected-indicators-list{font-size:13px;padding:8px;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:4px;overflow-y:auto}.selected-indicators-ul{margin:8px 0;padding-left:20px;font-size:13px}.selected-indicators-li{margin-bottom:4px}.selected-indicators-small{color:#888;font-size:11px}.category-accordion,.category-accordion-active{background-color:#fff;color:#444;cursor:pointer;padding:18px;width:100%;text-align:left;border:1px solid #ddd;border-radius:4px;outline:none;transition:.4s}.category-accordion:after{content:"▴";font-size:16px;color:#777;float:right;margin-left:5px}.category-accordion:hover,.category-accordion-active:hover{border-color:#2563eb;background:#eff6ff;box-shadow:0 1px 2px #2563eb1a}.category-accordion-active:after{content:"▾";font-size:15px;color:#777;float:right;margin-left:5px}.indicator-group{gap:3px;max-height:200px;overflow-y:auto;margin-bottom:8px;padding:4px;border-radius:4px;background:#f9fafb}.ind-group-select{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;margin:4px 0}.panel-4{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;height:750px;display:flex;flex-direction:column;overflow:hidden;grid-area:correlation;width:95%;position:relative}.matrix-tooltip{position:absolute;bottom:60px;right:60px;width:200px;padding:4px 8px;background:#000000b3;color:#fff;border-radius:4px;font-size:11px;pointer-events:none;white-space:pre-line;transform:translate(-50%);z-index:10}.line-graph-container{margin-top:16px;width:100%}.line-graphs{display:flex;flex-direction:row;justify-content:space-between;gap:16px;width:100%}.single-line-graph{flex:1;min-width:0;height:100%}.correlation-matrix-container{height:500px;overflow:hidden;width:100%;position:relative;padding-bottom:0}.correlation-matrix-grid{height:fit-content}.correlation-chart-container{flex:1;min-height:0;overflow:hidden;position:relative}.correlation-chart-container .vega-embed,.correlation-chart-container .vega-embed .chart-wrapper{width:100%;height:100%}.correlation-chart-container canvas{width:100%!important;height:100%!important;display:block}.country-legend{position:absolute;bottom:60px;right:20px;font-size:13px}.country-legend-item{display:flex;align-items:center;gap:8px;white-space:nowrap;margin-bottom:5px}.country-legend-swatch{width:20px;height:10px;border-radius:2px}.country-legend-label{opacity:.9}.matrix-header-row{font-weight:500;text-align:right;width:10px}.matrix-header-col{font-weight:500;margin-bottom:-5px}.matrix-cell{overflow:hidden}.matrix-cell.empty{background:#f5f5f5}.matrix-cell.clickable{cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease}.matrix-cell.clickable:hover{transform:translateY(-1px);box-shadow:0 0 0 2px #64646440;background-color:#00000005}.matrix-cell.selected{box-shadow:0 0 0 2px #0078dcb3}body{font-family:Inter,sans-serif;background-color:#f8fafc;margin:0}.layout{display:flex}.main{width:100vw;max-height:100vh;margin:10px;display:flex;flex-direction:column;overflow:hidden}.header{height:60px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e5e7eb;padding:0 20px}img,svg,canvas,video{display:block;max-width:100%}.panel-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:100%;overflow:hidden}.col-left{min-height:100%;display:flex;flex-direction:column;overflow:scroll}.col-right{min-height:100%;display:flex;flex-direction:column;overflow:hidden}.vega-embed{width:100%}.vega-embed svg,.vega-embed canvas{width:100%!important;height:auto}.header{height:60;display:"flex";align-items:"center";justify-content:"space-between";padding:"0 20px";border-bottom:"1px solid #e5e7eb";background:"white";position:"sticky";top:0;z-index:2;font-weight:700}.home-container{width:100%;height:100%}.panels-grid{display:grid;grid-template-areas:"country-select correlation" "indicator-select correlation";grid-auto-columns:1fr 1fr;gap:12px;height:100%;width:100%}.panel-title{margin:0 0 10px;font-size:18px;font-weight:600;color:#333}.panel-controls{margin-bottom:12px}.field-label{font-size:12px;color:#666;margin-bottom:4px;display:block}.group-select{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;margin-top:4px}.map-container{flex:1;min-height:200px;margin-top:8px}.loading-message{text-align:center;color:#888;padding:20px}