@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bpHeaderH: 34px;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}body{font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#map{height:90vh}.leaflet-top.leaflet-right{top:47px!important;right:12px}.leaflet-control-layers{z-index:1000}.layout-customizer-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0891b233;font-family:var(--font-main)}.layout-customizer-btn:hover{background:linear-gradient(135deg,#0891b2,#0e7490);box-shadow:0 4px 8px #0891b24d;transform:translateY(-1px)}.layout-customizer-btn:active{transform:translateY(0)}#zipBar{position:fixed;left:50%;transform:translate(-50%);padding:8px 14px;border-radius:6px;background:#fffffff7;box-shadow:0 4px 12px #0000001f;border:1px solid #e5e7eb;z-index:1500;bottom:300px;font-family:var(--font-main);display:flex;align-items:center;gap:10px;max-width:90%}#zipBar label{font-weight:600;font-size:13px;color:#374151;white-space:nowrap}#zipBar input{width:220px;min-width:150px;padding:7px 10px;border:1px solid #d0d7de;border-radius:6px;font-family:var(--font-main);font-size:13px;flex-shrink:1}#zipBar input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}#bottomPane{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #dcdcdc;z-index:1100;box-shadow:0 -6px 24px #00000014;height:300px;display:flex;flex-direction:column}#bpResizer{height:8px;cursor:ns-resize;background:linear-gradient(#eee,#ddd);border-bottom:1px solid #d3d3d3}.dashboard-layout{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden;width:100%}.panel-section{flex-shrink:0;overflow:auto;min-height:80px;width:100%;display:flex;flex-direction:column}.panel-divider{height:12px;cursor:ns-resize;background:linear-gradient(to bottom,#f9fafb,#f3f4f6,#f9fafb);border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;position:relative;transition:background .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:10}.panel-divider:hover{background:linear-gradient(to bottom,#e5e7eb,#d1d5db,#e5e7eb)}.panel-divider:before{content:"";width:40px;height:4px;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 1px,#9ca3af 1px,#9ca3af 2px,transparent 2px,transparent 4px);opacity:.5;border-radius:2px}.panel-divider:hover:before{opacity:.8}.bp-toprow{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch;background:#f9fafb;min-height:120px;width:100%;max-width:100%;padding:16px;box-sizing:border-box}.bp-card{display:flex;flex-direction:column;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;box-sizing:border-box;max-width:100%}.bp-card-title{font-family:var(--font-main);font-size:11px;font-weight:700;letter-spacing:.8px;color:#374151;padding:8px 12px;border-bottom:1px solid #e5e7eb}.bp-card-content{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1;overflow:visible;min-width:0;width:100%;word-wrap:break-word;box-sizing:border-box}.bp-card-stats{background:#eff6ff}.stat-item{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-main);font-size:14px;color:#1f2937;width:100%}.stat-item .dot{display:inline-block;width:10px;height:10px;border-radius:50%;box-shadow:0 1px 2px #0000001a;flex-shrink:0}.stat-label{font-weight:500;display:flex;align-items:center;gap:8px;flex:1;min-width:0}.stat-value{font-weight:700;flex-shrink:0;text-align:right}.bp-card-heatmap{background:#fafafa}.bp-card-heatmap .bp-card-content{overflow:auto}.bp-card-actions{background:#fff}.bp-card-actions .bp-card-content{gap:6px;overflow-y:auto;overflow-x:hidden}.bp-card-actions button{width:100%;font-family:var(--font-main);font-size:13px;font-weight:500;padding:7px 10px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:all .15s;white-space:nowrap;text-align:center}.bp-card-actions button:hover{background:#f9fafb;border-color:#9ca3af}.bp-card-actions button.ghost{background:#fff;border-color:#e5e7eb;color:#6b7280}.bp-card-actions button.ghost:hover{background:#f9fafb}.counts .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;box-shadow:0 1px 2px #0000001a}.dot-pink{background:#ec4899}.dot-green{background:#10b981}.dot-purple{background:#8b5cf6}.ghost{background:#fff;border:1px solid #e5e7eb}.ghost:hover{background:#f9fafb}.hm-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hm-controls .hm-toggle-label{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.hm-controls .hm-toggle-label strong{font-weight:600}.hm-controls .hm-divider{width:1px;height:28px;background:#e5e7eb}.hm-controls .hm-field-label{font-size:13px;font-weight:500;color:#6b7280;white-space:nowrap}.hm-controls select,.hm-controls input[type=number],.hm-controls button{height:32px;padding:4px 10px;box-sizing:border-box;border:1px solid #d0d7de;border-radius:6px;font-family:var(--font-main);font-size:13px}.hm-controls select{font-weight:500;min-width:150px}.hm-controls input[type=number]{width:100px;font-variant-numeric:tabular-nums}.hm-controls input[type=number]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.hm-controls .hm-minmax{display:flex;gap:8px;align-items:center;flex-shrink:0}.hm-controls .hm-gradient-bar{width:140px;height:32px;border-radius:6px;border:1px solid #d0d7de;background:linear-gradient(90deg,#cf1717,#17cf17);box-shadow:inset 0 1px 2px #0000001a;display:flex;align-items:center;justify-content:center;position:relative}.hm-controls .hm-gradient-label{font-size:11px;font-weight:600;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none}.hm-controls button{white-space:nowrap;font-size:13px;padding:7px 14px}.hm-controls .hm-auto-btn{background:#fff;border:1px solid #d0d7de;transition:all .2s}.hm-controls .hm-auto-btn:hover{background:#f3f4f6;border-color:#9ca3af}.hm-controls .hm-auto-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:600}.hm-controls .hm-auto-btn.active:hover{background:#2563eb;border-color:#2563eb}.bp-table-wrap{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;max-width:100%;overflow:hidden}.bp-scroll{overflow:auto;height:100%;position:relative;scroll-behavior:auto;overscroll-behavior:contain}.bp-table{border-collapse:collapse;table-layout:fixed;width:max(1400px,100%);font-family:var(--font-main)}.bp-table th,.bp-table td{padding:8px 10px;border-bottom:1px solid #f0f0f0;border-right:1px solid rgba(0,0,0,.04);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.bp-table th:last-child,.bp-table td:last-child{border-right:none}.bp-table th{font-weight:600;color:#1f2937;text-align:center}.bp-table td{color:#1f2937;text-align:center}.bp-table thead th,.bp-table thead td{position:sticky;background:#f3f4f6;z-index:100;border-bottom:1px solid #e5e7eb}.bp-table thead tr#bpHeaderRow th{top:0;z-index:102;background:#f3f4f6}.bp-table thead tr#bpFilterRow th,.bp-table thead tr#bpFilterRow td{top:var(--bpHeaderH);z-index:101;text-align:center;background:#f3f4f6}.bp-select-header,.bp-filter-select,.bp-select-col{min-width:36px;width:36px;text-align:center}.bp-sticky-left{position:sticky;left:0;z-index:90;text-align:left}.bp-table tr>:first-child{position:sticky;left:0;z-index:90;text-align:left}.bp-table tbody .bp-sticky-left,.bp-table tbody tr>:first-child{background:#fff!important;box-shadow:2px 0 #eee;z-index:10!important}.bp-table thead .bp-sticky-left,.bp-table thead tr>:first-child{background:#f3f4f6!important;z-index:103!important;box-shadow:2px 0 #eee}.bp-priority-col{min-width:48px;width:48px;text-align:center}.prio-link{display:inline-block;text-decoration:none;border:1px solid #d0d7de;border-radius:999px;padding:2px 6px;font-weight:600}.prio-link:hover{background:#eef2ff}.bp-row-selected{background:#f3e8ff!important}.bp-row-selected td{box-shadow:inset 0 0 0 9999px #f3e8ff00}.bp-row-focused{background:#dbeafe!important}.bp-row-focused td{box-shadow:inset 0 0 0 9999px #dbeafe00}.bp-table tbody tr{position:relative;z-index:1!important}.bp-table tbody tr:nth-child(odd){background:#fff}.bp-table tbody tr:nth-child(2n){background:#fcfcfc}.bp-table tbody td{z-index:1!important;position:relative;background:inherit}.bp-table tbody td:first-child{z-index:10!important}.filter-input{width:100%;box-sizing:border-box;padding:6px 8px;min-width:auto;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-family:var(--font-main);transition:all .15s ease}.filter-input:focus{outline:none;background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-num-wrap{display:grid;grid-template-columns:12ch 12ch;gap:6px;justify-content:center}.filter-btn{width:100%;padding:6px 8px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-family:var(--font-main);cursor:pointer;transition:all .15s ease}.filter-btn:hover{background:#f9fafb;border-color:#9ca3af}.filter-btn:focus{outline:none;background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.bp-table th{position:relative;padding-right:16px}.bp-table th.sort-asc:after,.bp-table th.sort-desc:after{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:10px}.bp-table th.sort-asc:after{content:"▲"}.bp-table th.sort-desc:after{content:"▼"}.bp-table thead tr#bpHeaderRow th[draggable=true]{transition:background .2s,opacity .2s;-webkit-user-select:none;user-select:none;cursor:grab}.bp-table thead tr#bpHeaderRow th[draggable=true]:hover{background:#dbeafe!important;cursor:grab}.bp-table thead tr#bpHeaderRow th[draggable=true]:active{cursor:grabbing!important;opacity:.7;background:#bfdbfe!important}.modal{display:none;position:fixed;inset:0;background:#00000040;place-items:center;z-index:1600}.modal.open{display:grid}.modal-card{width:min(720px,92vw);background:#fff;border-radius:12px;box-shadow:0 18px 48px #0003}#columnPicker .modal-card{width:min(900px,95vw)}.modal-head{padding:12px 16px;border-bottom:1px solid #eee}.modal-body{padding:12px 16px;max-height:60vh;overflow:auto}.modal-foot{padding:12px 16px;border-top:1px solid #eee;display:flex;align-items:center;gap:8px;justify-content:flex-end}.modal-foot button,.vp-toolbar button,.cp-toolbar button{padding:8px 16px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none;font-family:var(--font-main)}#vpApply,#cpApply{background:#0891b2;color:#fff}#vpApply:hover,#cpApply:hover{background:#0e7490;box-shadow:0 2px 8px #0891b24d}#vpCancel,#cpCancel,#vpAll,#vpClear,#cpAll,#cpNone{background:#f3f4f6;color:#374151}#vpCancel:hover,#cpCancel:hover,#vpAll:hover,#vpClear:hover,#cpAll:hover,#cpNone:hover{background:#e5e7eb}.cp-search-bar{margin-bottom:12px}#cpSearch{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-family:var(--font-main);font-size:14px}#cpSearch:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cp-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:12px}.cp-sections{display:flex;flex-direction:row;gap:16px;height:400px}.cp-section{display:flex;flex-direction:column;flex:1;min-width:0}.cp-section:first-of-type{border-right:1px solid #e5e7eb;padding-right:12px;margin-right:4px}.cp-section-header{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#f9fafb;border-radius:6px;margin-bottom:8px;border:1px solid #e5e7eb}.cp-section-title{font-weight:600;font-size:13px;color:#374151;text-transform:uppercase;letter-spacing:.5px}.cp-section-count{font-size:12px;color:#6b7280;background:#fff;padding:2px 8px;border-radius:12px;border:1px solid #e5e7eb}.cp-list{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:4px}.cp-list::-webkit-scrollbar{width:8px}.cp-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.cp-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.cp-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.cp-list .cp-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:6px;background:#fff;transition:all .2s}.cp-list .cp-item:hover{background:#f9fafb;border-color:#d1d5db}.cp-list .cp-item[draggable=true]{cursor:grab}.cp-list .cp-item[draggable=true]:before{content:"⋮⋮";color:#9ca3af;font-size:14px;letter-spacing:-2px}.cp-list .cp-item.cp-locked{opacity:.6;background:#f3f4f6}.cp-list .cp-item.cp-upgrade-required{opacity:.5;background:#f9fafb;cursor:pointer}.cp-list .cp-item.cp-upgrade-required:hover{background:#f3f4f6;opacity:.7}.cp-list .cp-item.cp-upgrade-required span{color:#9ca3af}.cp-upgrade-separator{padding:12px 8px 8px;font-size:12px;color:#6b7280;border-top:1px solid #e5e7eb;margin-top:8px;text-align:center}.cp-upgrade-separator span{background:#f9fafb;padding:0 8px}.cp-list .cp-item.cp-hidden{display:none}.cp-list .cp-item input[type=checkbox]{cursor:pointer}.cp-list .cp-item span{flex:1;font-size:14px;color:#111827;-webkit-user-select:none;user-select:none}.cp-list-selected,.cp-list-available{min-height:40px}.vp-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:8px}.vp-toolbar .spacer{flex:1}#vpSearch{width:240px;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-family:var(--font-main)}#vpSearch:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.vp-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.vp-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #eee;border-radius:6px}.modal-large{width:min(1200px,95vw);max-height:90vh}.modal-large .modal-body{max-height:calc(90vh - 160px)}.layout-preview{border:2px dashed #d1d5db;border-radius:8px;padding:16px;background:#f9fafb;min-height:400px;margin-bottom:24px}.layout-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.grid-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;min-height:120px;position:relative;padding:8px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.grid-row:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:3px;height:40%;background:#9ca3af;border-radius:2px;opacity:.3}.drop-zone{border:2px dashed #d1d5db;border-radius:6px;background:#fff;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:12px;min-height:100px}.drop-zone.drag-over{border-color:#0891b2;background:#ecfeff;color:#0891b2;font-weight:600}.drop-zone.occupied{border-color:transparent;background:transparent}.panel-tile{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:6px;padding:16px 12px;cursor:grab;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 1px 3px #0000001a;min-height:100px}.panel-tile:hover{border-color:#0891b2;box-shadow:0 4px 12px #0891b233;transform:translateY(-2px)}.panel-tile:active{cursor:grabbing}.panel-tile.dragging{opacity:.5;transform:scale(.95)}.panel-tile[data-width="1"]{grid-column:span 1}.panel-tile[data-width="2"]{grid-column:span 2}.panel-tile[data-width="3"]{grid-column:span 3}.panel-tile[data-width="5"]{grid-column:span 5}.panel-tile-icon{font-size:28px;margin-bottom:8px}.panel-tile-title{font-weight:600;font-size:14px;color:#374151;text-align:center;margin-bottom:4px}.panel-tile-width{font-size:11px;color:#9ca3af;background:#f3f4f6;padding:2px 8px;border-radius:4px}.panel-tile-remove{position:absolute;top:6px;right:6px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:22px;height:22px;font-size:14px;cursor:pointer;opacity:0;transition:opacity .2s;display:flex;align-items:center;justify-content:center;line-height:1}.panel-tile:hover .panel-tile-remove{opacity:1}.panel-tile-remove:hover{background:#dc2626}.panel-palette{border-top:1px solid #e5e7eb;padding-top:16px}.panel-palette h4{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.palette-items{display:flex;flex-wrap:wrap;gap:12px}.palette-item{background:#fff;border:2px solid #e5e7eb;border-radius:6px;padding:12px 16px;cursor:grab;transition:all .2s;display:flex;align-items:center;gap:8px}.palette-item:hover{border-color:#0891b2;box-shadow:0 2px 8px #0891b226;transform:translateY(-1px)}.palette-item:active{cursor:grabbing}.palette-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;background:#f9fafb}.btn-add-row{width:100%;padding:12px;background:#fff;border:2px dashed #d1d5db;border-radius:6px;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-row:hover{border-color:#0891b2;color:#0891b2;background:#ecfeff}.btn-add-row span{font-size:16px}.row-controls{position:absolute;right:-44px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px}.row-control-btn{width:32px;height:32px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.row-control-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.btn-primary,.btn-secondary{padding:8px 16px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#0891b2;color:#fff}.btn-primary:hover{background:#0e7490;box-shadow:0 2px 8px #0891b24d}.btn-secondary{background:#f3f4f6;color:#374151}.bp-show-detail{position:fixed;left:12px;bottom:12px;z-index:1700;display:none}#bottomPane.bp-min~.bp-show-detail{display:inline-block}#bottomPane.bp-min{height:0;border-top:none;box-shadow:none;overflow:hidden}#bottomPane.bp-min #bpResizer,#bottomPane.bp-min .bp-toprow,#bottomPane.bp-min .bp-table-wrap{display:none}.map-tools{position:absolute;top:10px;left:12px;z-index:4500;background:#fff;border:1px solid #d0d7de;border-radius:8px;box-shadow:0 4px 12px #0000001f;min-width:200px;font-family:var(--font-main);pointer-events:auto}.map-tools-header{display:flex;align-items:center;justify-content:center;padding:10px 12px;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:8px 8px 0 0}.map-tools-title{font-weight:600;font-size:13px;color:#1f2937;text-align:center;flex:1}.map-tools-toggle{background:none;border:none;cursor:pointer;padding:2px 6px;font-size:10px;color:#6b7280;border-radius:4px;transition:background .15s;position:absolute;right:12px}.map-tools-toggle:hover{background:#e5e7eb}.leaflet-top.leaflet-left{top:10px!important;left:224px!important}.leaflet-control-zoom{border:1px solid #d0d7de!important;box-shadow:0 4px 12px #0000001f!important;display:flex!important;flex-direction:row!important;border-radius:6px!important}.leaflet-control-zoom a{width:36px!important;height:36px!important;line-height:36px!important;border-radius:0!important}.leaflet-control-zoom a:first-child{border-right:1px solid #d0d7de!important;border-radius:6px 0 0 6px!important}.leaflet-control-zoom a:last-child{border-radius:0 6px 6px 0!important}.map-tools-content,.map-tool-btn{pointer-events:auto}.map-tools-content{display:flex;flex-direction:column;gap:6px;padding:10px}.map-tool-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;font-family:var(--font-main);font-size:13px;font-weight:500;color:#374151;transition:all .15s;white-space:nowrap}.map-tool-btn:hover{background:#f9fafb;border-color:#3b82f6}.map-tool-btn.active{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.map-tool-btn.secondary{font-size:12px;padding:6px 10px;color:#6b7280}.map-tool-btn .tool-icon{font-size:16px;line-height:1}.measurement-popup .leaflet-popup-content-wrapper{background:#1f2937;color:#fff;border-radius:6px;padding:6px 10px;text-align:center;font-family:var(--font-main);font-size:13px}.measurement-popup .leaflet-popup-tip{background:#1f2937}.measurement-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:10000;background:#1f2937;color:#fff;padding:12px 20px;border-radius:8px;font-family:var(--font-main);font-size:14px;font-weight:500;box-shadow:0 4px 16px #0000004d;display:none;max-width:90%;text-align:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:920px){.bp-table{width:1100px}#zipBar{width:90%}.map-tools{min-width:160px}.map-tool-btn{font-size:12px;padding:6px 8px}}.panel-section::-webkit-scrollbar,.bp-card-content::-webkit-scrollbar,.bp-toprow::-webkit-scrollbar{width:8px;height:8px}.panel-section::-webkit-scrollbar-track,.bp-card-content::-webkit-scrollbar-track,.bp-toprow::-webkit-scrollbar-track{background:transparent}.panel-section::-webkit-scrollbar-thumb,.bp-card-content::-webkit-scrollbar-thumb,.bp-toprow::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px;transition:background .2s}.panel-section::-webkit-scrollbar-thumb:hover,.bp-card-content::-webkit-scrollbar-thumb:hover,.bp-toprow::-webkit-scrollbar-thumb:hover{background:#9ca3af}.panel-section,.bp-card-content,.bp-toprow{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}#stateLoadingOverlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}#stateLoadingOverlay.visible{opacity:1;visibility:visible}.loading-content{background:#fff;padding:24px 32px;border-radius:12px;box-shadow:0 8px 32px #0003;text-align:center;min-width:200px}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}.loading-message{font-size:14px;color:#374151;font-weight:500}body.state-loading .filter-pill input,body.state-loading .filter-pill select,body.state-loading .dropdown-btn,body.state-loading .data-source-btn,body.state-loading .filter-input{pointer-events:none;opacity:.6}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden;height:100vh;width:100vw}#appContainer{opacity:0;transition:opacity .15s ease-in}#appContainer.ready{opacity:1}#topBar{position:fixed;top:0;left:0;right:0;height:72px;background:#fffffffa;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:1000;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;gap:24px}.top-bar-left{display:flex;align-items:center;gap:24px}.logo{font-size:18px;font-weight:700;color:#111827;white-space:nowrap;display:flex;align-items:center;gap:10px;letter-spacing:-.02em;padding-right:24px;border-right:1px solid #e5e7eb}.logo:before{content:"🏠";font-size:24px}.top-bar-btn{padding:8px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.top-bar-btn:hover{background:#e5e7eb}.top-bar-center{display:flex;align-items:center;gap:8px;flex:1;justify-content:center;min-width:0}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:0;flex:0 1 auto}#viewModeToggleContainer>label{display:none}.view-toggle-hidden{opacity:0;pointer-events:none}.view-toggle-hidden:not(.view-toggle-hidden){opacity:1;pointer-events:auto;transition:opacity .2s ease}.filter-group label{font-size:11px;font-weight:500;color:#9ca3af;text-transform:none;letter-spacing:.01em;padding-left:2px;line-height:1}.filter-group input,.filter-group select{padding:9px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;background:#fff;color:#111827;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 1px 2px #0000000a}.filter-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:36px;overflow:hidden;text-overflow:ellipsis;min-width:80px;box-sizing:border-box}.filter-group input:hover,.filter-group select:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000f}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.states-dropdown{position:relative;min-width:0;flex:0 1 auto}.states-dropdown-btn{display:block;padding:9px 36px 9px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;font-size:14px;font-weight:500;color:#111827;cursor:pointer;transition:all .2s ease;text-align:left;min-width:120px;box-sizing:border-box;box-shadow:0 1px 2px #0000000a}.states-dropdown-btn:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000f}.states-dropdown-btn:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.states-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:280px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;z-index:1100;display:none;max-height:400px;overflow:hidden;flex-direction:column}.states-dropdown-menu.show{display:flex}.my-markets-summary{display:flex;align-items:center;gap:8px;padding:9px 12px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border:1px solid #93c5fd;border-radius:8px;font-size:13px;color:#1e40af;font-weight:500;min-height:40px;cursor:default}.my-markets-summary:before{content:"🎯";font-size:14px}.my-markets-summary-edit{margin-left:auto;color:#3b82f6;cursor:pointer;font-weight:600;text-decoration:none;font-size:12px}.my-markets-summary-edit:hover{text-decoration:underline}.states-search{padding:12px;border-bottom:1px solid #e5e7eb}.states-search input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.states-search input:focus{outline:none;border-color:#3b82f6}.states-options{overflow-y:auto;max-height:320px;padding:8px}.state-option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-radius:4px;transition:background .2s}.state-option:hover{background:#f3f4f6}.state-option input[type=checkbox]{width:16px;height:16px;cursor:pointer;margin:0;min-width:16px}.state-option span{font-size:14px;color:#374151;-webkit-user-select:none;user-select:none}.data-source-dropdown-container{position:relative;min-width:0;flex:0 1 auto}.data-source-dropdown-button{display:block;padding:9px 36px 9px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;font-size:14px;font-weight:500;color:#111827;cursor:pointer;transition:all .2s ease;text-align:left;min-width:160px;box-sizing:border-box;box-shadow:0 1px 2px #0000000a}.data-source-dropdown-button:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000f}.data-source-dropdown-button:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.data-source-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;z-index:1100;display:none;max-height:300px;overflow-y:auto}.data-source-dropdown-menu.show{display:block}.data-source-list{padding:4px}.data-source-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-radius:4px;transition:background .15s}.data-source-item:hover{background:#f3f4f6}.data-source-item.locked{opacity:.6;cursor:not-allowed}.data-source-item.locked:hover{background:transparent}.view-mode-toggle{display:flex;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:3px;gap:2px;box-shadow:inset 0 1px 2px #0000000a}.view-mode-btn{padding:7px 14px;border:none;border-radius:7px;background:transparent;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);white-space:nowrap;letter-spacing:-.01em}.view-mode-btn:hover:not(.active){color:#374151;background:#fff9}.view-mode-btn.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.view-mode-btn:disabled{opacity:.5;cursor:not-allowed}.data-source-item .lock-icon{font-size:12px;margin-left:4px}.data-source-item input[type=radio]{width:16px;height:16px;cursor:pointer;margin:0;min-width:16px}.data-source-item span{font-size:14px;color:#374151;-webkit-user-select:none;user-select:none}.property-type-dropdown-container{position:relative;min-width:0;flex:0 1 auto}.property-type-dropdown-button{display:block;padding:9px 36px 9px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;font-size:14px;font-weight:500;color:#111827;cursor:pointer;transition:all .2s ease;text-align:left;min-width:140px;box-sizing:border-box;box-shadow:0 1px 2px #0000000a}.property-type-dropdown-button:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000f}.property-type-dropdown-button:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.property-type-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;z-index:1100;display:none;max-height:300px;overflow-y:auto}.property-type-dropdown-menu.show{display:block}.property-type-list{padding:4px}.property-type-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-radius:4px;transition:background .15s}.property-type-item:hover{background:#f3f4f6}.property-type-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;margin:0;min-width:16px}.property-type-item span{font-size:14px;color:#374151;-webkit-user-select:none;user-select:none}.dropdown-arrow{display:none}.btn-primary{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s;font-family:Inter,sans-serif}.btn-secondary{padding:8px 16px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}.btn-icon{padding:6px 10px;background:transparent;color:#6b7280;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s;font-family:Inter,sans-serif}.btn-icon:hover{color:#111827}.btn-link{padding:6px 12px;background:transparent;color:#3b82f6;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:color .2s;font-family:Inter,sans-serif;text-decoration:none}.btn-link:hover{color:#2563eb;text-decoration:underline}.top-bar-right{display:flex;align-items:center;gap:8px;position:relative;flex-shrink:0}.auth-topbar{display:flex;gap:8px;align-items:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.auth-pill{font-size:12px;font-weight:500;padding:4px 10px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;white-space:nowrap}.profile-btn{position:relative;padding:8px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.profile-btn:hover{background:#e5e7eb}#mainContent{position:fixed;inset:0 0 48px;display:flex;transition:bottom .3s ease}body.drawer-open #mainContent{bottom:400px}.left-panel{width:30%;min-width:320px;max-width:450px;background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;display:flex;flex-direction:column;height:100%}.panel-header{padding:20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.panel-header h2{font-size:18px;font-weight:600;color:#111827}.panel-content{padding:20px;flex:1;overflow-y:auto}.right-panel{flex:1;position:relative;background:#f3f4f6}#map{position:absolute;inset:0;z-index:1}.map-controls-container{position:absolute;top:12px;left:12px;right:16px;z-index:1000;pointer-events:none;height:auto;max-height:calc(100vh - 200px)}.map-controls-container>*{pointer-events:auto}.map-zip-search-container{position:absolute;top:8px;left:8px;z-index:1001;display:inline-block}.map-zip-search-input{width:200px;padding:10px 14px;font-size:14px;font-family:Inter,sans-serif;font-weight:500;border:2px solid #d1d5db;border-radius:8px;background:#fff;box-shadow:0 2px 8px #00000026;transition:all .2s;color:#1f2937}.map-zip-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 2px 12px #3b82f64d}.map-zip-search-input::placeholder{color:#9ca3af;font-weight:400}.map-zip-search-input.error{border-color:#ef4444;color:#dc2626}.search-results-dropdown{position:absolute;top:46px;left:0;width:320px;max-height:400px;overflow-y:auto;background:#fff;border:2px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1002}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .15s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.selected{background:#f9fafb}.result-name{font-size:14px;font-weight:500;color:#1f2937}.result-name strong{color:#3b82f6;font-weight:600}.result-state{font-size:12px;font-weight:600;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:4px}.filter-pills-overlay{position:absolute!important;top:54px!important;left:8px!important;display:flex!important;flex-direction:column!important;gap:8px;align-items:flex-start;z-index:1000;max-width:300px;transition:max-width .3s ease;padding:0!important;margin:0!important}.filter-controls-row{display:flex;gap:8px;align-items:center;padding:0!important;margin:0!important;align-self:flex-start}.filter-pills-stack{display:flex;flex-direction:column;gap:8px;align-items:flex-start;width:100%;padding:0!important;margin:0!important;pointer-events:auto}.filter-pill{padding:6px 12px;background:#fffffff2;border:1px solid #d1d5db;border-radius:20px;font-size:12px;font-weight:500;color:#374151;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:6px;margin:0!important;align-self:flex-start}.pill-remove{background:transparent;border:none;color:#9ca3af;font-size:14px;cursor:pointer;padding:0;line-height:1;transition:color .2s;margin:0;pointer-events:auto;z-index:10;position:relative}.add-filter-btn{padding:7px 14px!important;font-size:12px!important;border-radius:20px!important;box-shadow:0 2px 4px #0000001a;margin:0!important}.filter-dropdown{position:absolute;top:40px;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:0;width:300px;z-index:500;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden}.filter-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:8px 8px 0 0}.filter-dropdown-header h3{margin:0;font-size:14px;font-weight:600;color:#111827}.close-dropdown-btn{background:transparent;border:none;font-size:24px;color:#9ca3af;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-dropdown-btn:hover{background:#e5e7eb;color:#374151}.filter-hint{display:flex;align-items:flex-start;padding:10px 12px;margin:0;background:#f0f9ff;border-bottom:1px solid #e0f2fe;font-size:12px;line-height:1.5;color:#0369a1}.filter-options-container{padding:10px 12px}.filter-options-container .filter-option{margin-bottom:10px;position:relative;transition:none;display:flex;flex-direction:column;padding:0}.filter-options-container .filter-option:last-child{margin-bottom:0}.filter-option-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;min-height:20px}.filter-options-container .filter-option.active{background:#eff6ff;padding:0 10px;margin-left:-10px;margin-right:-10px;margin-bottom:10px;border-radius:6px;border-left:3px solid #3b82f6}.filter-options-container .filter-option.active label{color:#1e40af}.filter-option label{display:flex;font-size:12px;font-weight:600;color:#374151;margin:0;align-items:center;gap:6px;flex:1}.filter-option label .active-indicator{display:inline-block;width:14px;height:14px;background:#10b981;color:#fff;border-radius:50%;font-size:10px;line-height:14px;text-align:center;font-weight:700;flex-shrink:0}.filter-inputs{display:flex;gap:6px;align-items:center}.filter-inputs input,.filter-inputs select{flex:1;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;min-width:0}.filter-option[data-filter=price] .filter-inputs{flex-wrap:nowrap}.filter-option[data-filter=price] .filter-inputs input{flex:1;min-width:80px;padding:6px 8px}.filter-inputs button{padding:6px 12px!important;font-size:12px!important;flex-shrink:0;white-space:nowrap}.btn-toggle{padding:6px 16px!important;font-size:12px!important;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid #d1d5db;background:#f3f4f6;color:#4b5563}.btn-toggle:hover{background:#e5e7eb;border-color:#9ca3af}.btn-toggle.applied{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-toggle.applied:hover{background:#2563eb;border-color:#2563eb}.leaflet-zoom-box{border:none!important;background:transparent!important}.leaflet-container{outline:none!important}.filter-pill:hover{background:#fff;box-shadow:0 4px 6px #00000026}.filter-pill .remove{margin-left:4px;color:#9ca3af;font-weight:700}.filter-pill .remove:hover{color:#ef4444}.focus-banner{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:450;padding:12px 20px;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;font-size:14px;font-weight:500;color:#92400e;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:12px}.focus-banner button{padding:4px 12px;background:#fff;border:1px solid #d97706;border-radius:4px;font-size:12px;font-weight:600;color:#92400e;cursor:pointer;transition:all .2s}.focus-banner button:hover{background:#fef3c7}.bottom-tray{position:fixed;bottom:48px;left:320px;right:0;height:165px;background:#fffffffa;border-top:1px solid #e5e7eb;border-left:1px solid #e5e7eb;box-shadow:0 -4px 12px #0000001a;z-index:600;overflow-x:auto;overflow-y:hidden;display:flex;flex-direction:column;transition:bottom .3s ease}body.drawer-open .bottom-tray{bottom:400px}.bottom-tray.sidebar-open{border-right:1px solid #e5e7eb}.bottom-tray::-webkit-scrollbar{height:8px}.bottom-tray::-webkit-scrollbar-track{background:#f3f4f6}.bottom-tray::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.bottom-tray::-webkit-scrollbar-thumb:hover{background:#9ca3af}.leaflet-bottom{bottom:60px!important;transition:bottom .3s ease}.right-sidebar{position:fixed;top:0;right:-100%;bottom:48px;width:min(400px,40%);background:#fff;border-left:1px solid #e5e7eb;box-shadow:-4px 0 12px #0000001a;z-index:500;overflow:visible;transition:right .3s ease,bottom .3s ease}.right-sidebar.open{right:0}body.drawer-open .right-sidebar{bottom:400px}.sidebar-header{padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.sidebar-header h3{font-size:16px;font-weight:600;color:#111827}.sidebar-close{padding:6px 12px;background:transparent;border:1px solid #d1d5db;border-radius:4px;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s}.sidebar-close:hover{background:#f3f4f6;color:#111827}.viewing-indicator{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;padding:8px 12px;margin-bottom:12px;font-size:13px;color:#92400e}.viewing-indicator small{font-size:11px;color:#78350f}.backup-data-notice{background:#dbeafe;border:1px solid #3b82f6;border-radius:6px;padding:8px 12px;margin-bottom:12px;font-size:13px;color:#1e40af}.backup-data-notice strong{font-weight:600}.investment-summary{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;padding:16px;margin-bottom:16px}.summary-header{font-size:16px;font-weight:600;color:#92400e;margin-bottom:8px}.summary-divider{height:1px;background:#fbbf24;margin-bottom:12px}.summary-metrics{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.summary-row{display:grid;grid-template-columns:24px auto 1fr 24px auto;align-items:center;gap:8px;padding:8px;background:#fff6;border-radius:4px;font-size:13px}.summary-row.clickable{cursor:pointer;transition:all .2s}.summary-row.clickable:hover{background:#ffffffb3;transform:translate(2px)}.summary-expanded-content{margin-top:12px;padding:12px;background:#fff9;border-radius:6px;border:1px solid #fbbf24}.summary-expanded-content .score-component{margin-bottom:8px}.summary-expanded-content .score-component:last-child{margin-bottom:0}.summary-expanded-content .demographics-overall{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#ffffff80;border-radius:4px;margin-bottom:12px}.summary-expanded-content .demographics-description{font-size:12px;color:#78350f;line-height:1.4;margin-bottom:12px;padding:8px;background:#fbbf2433;border-radius:4px}.summary-expanded-content .component-scores{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.summary-expanded-content .key-metrics-header{font-weight:600;color:#92400e;margin-bottom:8px;font-size:13px}.summary-expanded-content .key-metrics-grid{display:flex;flex-direction:column;gap:6px}.summary-expanded-content .key-metric-row{display:grid;grid-template-columns:24px 1fr auto 24px;align-items:center;gap:8px;padding:6px 8px;background:#ffffff80;border-radius:4px;font-size:12px}.summary-expanded-content .metric-icon{font-size:14px}.summary-expanded-content .metric-label{color:#78350f;font-weight:500;font-size:11px}.summary-expanded-content .metric-value{color:#92400e;font-weight:600;text-align:right}.summary-expanded-content .metric-arrow{text-align:center;font-weight:700;color:#6b7280}.summary-expanded-content .overall-label{color:#78350f;font-weight:500}.summary-expanded-content .overall-value{color:#92400e;font-weight:700;font-size:16px}.summary-icon{font-size:16px}.summary-label{font-weight:500;color:#78350f;white-space:nowrap}.summary-value{font-weight:700;color:#92400e;text-align:right}.summary-trend{font-size:14px;font-weight:700}.summary-trend.up{color:#10b981}.summary-trend.down{color:#ef4444}.summary-trend.neutral{color:#6b7280}.summary-description{font-size:12px;color:#78350f;font-style:italic}.investment-angle{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#fbbf244d;border-radius:6px;border:1px solid #fbbf24;margin-bottom:12px}.angle-icon{font-size:18px;flex-shrink:0}.angle-text{font-size:13px;font-weight:500;color:#78350f;line-height:1.4}.gent-stage-badge{text-align:center;font-size:14px;font-weight:700;padding:8px 12px;border-radius:6px;margin-bottom:12px}.gent-stage-badge.emerging,.gent-stage-badge.active-gentrification{background:#10b981;color:#fff}.gent-stage-badge.rapid-gentrification{background:#f59e0b;color:#fff}.gent-stage-badge.stable{background:#6b7280;color:#fff}.gent-stage-badge.early-decline,.gent-stage-badge.active-decline,.gent-stage-badge.severe-decline{background:#ef4444;color:#fff}.gent-confidence{text-align:center;font-size:12px;color:#78350f;margin-bottom:12px;position:relative}.gent-confidence.has-tooltip{cursor:default}.gent-confidence.has-tooltip .info-icon{cursor:help}.gent-confidence.has-tooltip .info-icon:hover~.score-tooltip-container{display:block}.gent-metrics{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.gent-metric-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:6px 8px;background:#ffffff80;border-radius:4px;font-size:13px}.gent-icon{font-size:16px}.gent-label{color:#78350f;font-weight:500}.gent-value{font-weight:700;text-align:right}.gent-value.positive{color:#10b981}.gent-value.negative{color:#ef4444}.gent-value.neutral{color:#6b7280}.gent-explanation{padding:12px;background:#fbbf244d;border-radius:6px;border:1px solid #fbbf24;font-size:12px;color:#78350f;line-height:1.4}.gent-explanation strong{color:#92400e}.deal-score-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;padding:16px;margin-bottom:16px}.deal-score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #fbbf24;cursor:pointer;-webkit-user-select:none;user-select:none}.deal-score-collapse{font-size:12px;color:#92400e;transition:transform .2s}.deal-score-breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;transition:max-height .3s ease,opacity .3s ease;overflow:hidden}.deal-score-breakdown.collapsed{max-height:0;opacity:0;margin:0}.deal-score-label{font-size:16px;font-weight:600;color:#92400e}.deal-score-value{font-size:24px;font-weight:700;color:#92400e}.deal-score-breakdown{display:flex;flex-direction:column;gap:8px}.score-component{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#ffffff80;border-radius:4px;font-size:13px}.score-component.has-tooltip .info-icon{cursor:help;padding:2px 4px;display:inline-block}.score-component.has-tooltip .info-icon:hover{background:#fffc;border-radius:50%}.score-tooltip-container{display:none;position:fixed;top:50%;right:calc(min(400px,40vw)/2);transform:translate(50%,-50%);z-index:99999;width:280px;max-width:280px;pointer-events:none}.score-component .component-label:hover~.score-tooltip-container{display:block}.component-label{color:#78350f;font-weight:500}.component-value{color:#92400e;font-weight:600}.demographics-section{position:relative;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;padding:16px;margin-bottom:16px;z-index:1}.demographics-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:0;cursor:pointer;-webkit-user-select:none;user-select:none}.demographics-label{font-size:16px;font-weight:600;color:#92400e}.demographics-grade{font-size:24px;font-weight:700;padding:4px 12px;border-radius:6px;margin:0 auto}.demographics-grade.grade-a{background:#10b981;color:#fff}.demographics-grade.grade-b{background:#84cc16;color:#fff}.demographics-grade.grade-c{background:#eab308;color:#78350f}.demographics-grade.grade-d{background:#f97316;color:#fff}.demographics-grade.grade-e{background:#f43f5e;color:#fff}.demographics-grade.grade-f{background:#dc2626;color:#fff}.demographics-collapse{font-size:14px;color:#92400e;transition:transform .2s;margin-left:auto}.demographics-breakdown{transition:max-height .3s ease,opacity .3s ease;overflow:hidden;margin-top:12px}.demographics-breakdown.collapsed{max-height:0;opacity:0;margin-top:0}.demographics-overall{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff9;border-radius:6px;margin-bottom:12px;font-size:14px}.overall-label{font-weight:600;color:#92400e}.overall-value{font-size:18px;font-weight:700;color:#92400e}.demographics-description{padding:8px 12px;background:#fff6;border-radius:6px;margin-bottom:12px;font-size:13px;line-height:1.5;color:#78350f}.component-scores{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.component-scores .score-component{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;background:#ffffff80;border-radius:4px;font-size:12px;text-align:center}.component-scores .component-label{font-size:11px;white-space:nowrap}.component-scores .component-value{font-size:16px;font-weight:700;color:#92400e}.key-metrics-header{font-size:13px;font-weight:600;color:#92400e;margin-bottom:8px;padding:0 4px}.key-metrics{display:flex;flex-direction:column;gap:6px}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#ffffff80;border-radius:4px;font-size:12px}.metric-label{color:#78350f;font-weight:500;flex:1}.metric-value{color:#92400e;font-weight:600;margin-right:8px}.metric-arrow{font-size:14px;font-weight:700;width:16px;text-align:center}@media(max-width:768px){.demographics-grade{font-size:20px}.component-scores .component-label{font-size:10px}.metric-row{font-size:11px}}.data-quality-section{padding:12px 0;margin-bottom:12px;border-bottom:1px solid #e5e7eb}.data-quality-line{font-size:14px;color:#374151;line-height:1.8;display:flex;align-items:center;gap:8px}.data-quality-line strong{font-weight:600;color:#111827}.warning-icon{position:relative;display:inline-block;cursor:help;font-size:16px;margin-left:4px}.warning-icon.warning-red{color:#dc2626}.warning-icon.warning-yellow{color:#f59e0b}.warning-icon.warning-blue{color:#3b82f6}.warning-tooltip-container{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;z-index:1000;width:280px;max-width:calc(100vw - 40px)}.warning-icon:hover .warning-tooltip-container{display:block}.warning-tooltip{background:#1e293b;color:#f1f5f9;padding:10px 12px;border-radius:8px;box-shadow:0 4px 20px #0000004d;font-size:.85rem;line-height:1.6;text-align:left;border:1px solid #334155}.warning-tooltip strong{color:#60a5fa}.warning-tooltip small{display:block;margin-top:4px;color:#94a3b8;font-size:.75rem}.section-header-divider{display:flex;align-items:center;text-align:center;margin:20px 0 12px;font-size:14px;font-weight:600;color:#1f2937}.section-header-divider:before,.section-header-divider:after{content:"";flex:1;border-bottom:1px solid #d1d5db}.section-header-divider:before{margin-right:12px}.section-header-divider:after{margin-left:12px}.property-type-buttons{display:flex;gap:6px;flex-wrap:nowrap;margin-bottom:16px}.property-type-btn{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;position:relative;flex:1;white-space:nowrap}.property-type-btn:hover:not(:disabled){border-color:#3b82f6;background:#f0f9ff}.property-type-btn.active{border-color:#3b82f6;background:#eff6ff;color:#1e40af}.property-type-btn:disabled{opacity:.4;cursor:not-allowed;background:#f9fafb}.property-type-tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;background:#1e293b;color:#f1f5f9;padding:8px 10px;border-radius:6px;font-size:.8rem;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #0000004d}.property-type-btn:hover .property-type-tooltip{display:block}.info-card{display:flex;gap:16px;padding:12px;background:#f9fafb;border-radius:8px;margin-bottom:16px;border:1px solid #e5e7eb}.info-item{display:flex;align-items:center;gap:6px;font-size:13px}.info-icon{font-size:.85em;opacity:.5;margin-left:3px;cursor:help;transition:opacity .2s,transform .2s}.info-icon:hover{opacity:.9;transform:scale(1.15)}.info-label{color:#6b7280;font-weight:500}.info-value{font-weight:600;color:#111827}.info-value.positive{color:#059669}.info-value.negative,.info-value.volume-low{color:#dc2626}.info-value.volume-medium{color:#f59e0b}.info-value.volume-high{color:#059669}.bedroom-selector{display:flex;gap:6px;margin-bottom:16px;flex-wrap:nowrap}.bedroom-selector-btn{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;flex:1;white-space:nowrap}.bedroom-selector-btn:hover{border-color:#3b82f6;background:#f0f9ff}.bedroom-selector-btn.active{border-color:#3b82f6;background:#eff6ff;color:#1e40af}.sidebar-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;min-height:0}#bottomDrawer{position:fixed;bottom:0;left:0;right:0;height:400px;background:#fff;border-top:2px solid #e5e7eb;box-shadow:0 -4px 12px #0000001a;z-index:800;transition:transform .3s ease;overflow:hidden}#bottomDrawer.collapsed{transform:translateY(calc(100% - 48px))}#bottomDrawer:not(.collapsed){transform:translateY(0)}.drawer-resizer{position:absolute;top:0;left:0;right:0;height:4px;background:#e5e7eb;cursor:ns-resize;transition:background .2s}.drawer-resizer:hover{background:#3b82f6}body.drawer-dragging #mainContent,body.drawer-dragging .bottom-tray,body.drawer-dragging .right-sidebar,body.drawer-dragging #bottomDrawer{transition:none!important}.right-sidebar .bottom-drawer{background:#fff;margin-top:16px;border-top:1px solid #e5e7eb}#bottomDrawer .drawer-header{height:40px;padding:0 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}#bottomDrawer .drawer-toggle{padding:4px 8px;background:transparent;border:none;font-size:12px;color:#6b7280;cursor:pointer;transition:color .2s}#bottomDrawer .drawer-toggle:hover{color:#111827}#bottomDrawer .drawer-header:hover{background:#f3f4f6}#drawerTitle{font-size:14px;font-weight:600;color:#111827}.drawer-hint{font-size:12px;color:#9ca3af;margin-left:auto}#bottomDrawer .drawer-content{height:calc(100% - 48px);overflow:hidden;display:flex;flex-direction:column}.right-sidebar .drawer-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600;font-size:14px;color:#374151;transition:background .2s}.right-sidebar .drawer-header:hover{background:#f3f4f6}.right-sidebar .drawer-toggle{font-size:12px;color:#6b7280;transition:transform .2s}.right-sidebar .bottom-drawer .drawer-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.right-sidebar .bottom-drawer.open .drawer-content{max-height:300px;padding:12px 16px;overflow-y:auto}.bedroom-comparison-row{padding:10px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .2s;text-align:center}.bedroom-comparison-row:hover{background:#f9fafb}.bedroom-comparison-row:last-child{border-bottom:none}.bedroom-comparison-header{font-weight:500;font-size:13px;color:#111827;margin-bottom:4px;text-align:center}.bedroom-comparison-details{display:flex;gap:12px;font-size:12px;color:#6b7280;flex-wrap:wrap;justify-content:center}.confidence-badge{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.confidence-badge.actual{background:#d1fae5;color:#065f46}.confidence-badge.high{background:#dbeafe;color:#1e40af}.confidence-badge.medium{background:#fef3c7;color:#92400e}.market-intelligence-section{margin-bottom:16px}.market-intelligence-section:last-child{margin-bottom:0}.market-intelligence-section h4{font-size:14px;font-weight:600;color:#111827;margin-bottom:8px;text-align:center}.intelligence-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;color:#374151}.negotiation-tip{margin-top:8px;padding:8px;background:#fef3c7;border-radius:6px;font-size:12px;color:#92400e}.market-timing-details{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#374151;margin-top:12px}.timing-row{display:flex;justify-content:space-between;padding:4px 0}.timing-row span:first-child{color:#6b7280}.timing-row span:last-child{font-weight:600;color:#111827}.timing-tip{margin-top:8px;padding:10px 12px;background:#dbeafe;border-left:3px solid #3b82f6;border-radius:4px;color:#1e40af;font-weight:500}.bedroom-strategy-indicator{background:#e0e7ff;border:1px solid #6366f1;border-radius:6px;padding:10px 14px;margin-bottom:16px;font-size:13px;color:#3730a3;line-height:1.5}.bedroom-strategy-indicator strong{font-weight:600;color:#4338ca}.bedroom-strategy-indicator small{font-size:12px;color:#4f46e5}.optimizer-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s;display:flex;justify-content:space-between;align-items:center}.optimizer-header:hover{color:#3b82f6}.expand-toggle{font-size:13px;font-weight:400;color:#6b7280}.bedroom-optimizer-expanded{display:flex;flex-direction:column;gap:12px;margin-top:12px;margin-bottom:12px}.bedroom-row-detailed{padding:12px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.bedroom-row-detailed:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.bedroom-row-detailed.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.bedroom-header{font-size:14px;font-weight:600;color:#111827;margin-bottom:8px}.bedroom-header .positive{color:#059669}.bedroom-header .negative{color:#dc2626}.bedroom-details{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#6b7280;padding-left:20px}.bedroom-legend{padding:10px 14px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb;font-size:12px;color:#6b7280;line-height:1.5;margin-top:8px}.bedroom-legend strong{font-weight:600;color:#374151}.property-type-breakdown{display:flex;flex-direction:column;gap:8px}.property-type-option{display:flex;align-items:center;padding:12px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.property-type-option:hover{border-color:#3b82f6;background:#f0f9ff}.property-type-option.active{border-color:#3b82f6;background:#eff6ff}.property-type-option input[type=radio]{margin-right:12px}.type-info{display:flex;flex-direction:column;gap:4px;flex:1}.type-name{font-weight:600;font-size:14px;color:#111827}.type-volume{font-size:12px;display:flex;align-items:center;gap:4px}.type-cf{font-size:13px;font-weight:500}.type-cf.positive{color:#10b981}.type-cf.negative{color:#ef4444}@media(max-width:1200px){.left-panel{width:280px;min-width:280px}.right-sidebar{width:350px}}@media(max-width:1400px){.top-bar-left{display:none}}@media(max-width:1200px){.filter-group label{font-size:9px}.filter-group input,.filter-group select,.states-dropdown-btn,.property-type-dropdown-button,.data-source-dropdown-button{font-size:12px;padding:6px 10px}}@media(max-width:768px){#topBar{padding:10px 16px}.top-bar-center{gap:8px}.filter-group{flex:1 1 calc(50% - 8px);max-width:calc(50% - 8px)}.filter-group label{font-size:9px}.filter-group input,.filter-group select,.states-dropdown-btn,.property-type-dropdown-button,.data-source-dropdown-button{font-size:11px;padding:6px 8px}#recalculateBtn{width:100%;margin-top:4px;font-size:12px}.auth-pill{font-size:10px;padding:2px 6px}.left-panel{position:absolute;left:-100%;width:280px;z-index:900;transition:left .3s}.left-panel.open{left:0}}.hidden{display:none!important}.loading{opacity:.5;pointer-events:none}.text-muted{color:#6b7280}.text-small{font-size:12px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.p-1{padding:8px}.p-2{padding:16px}.p-3,.portfolio-summary{padding:24px}.portfolio-summary h2{font-size:20px;font-weight:600;margin-bottom:16px;color:#111827;display:flex;align-items:center;gap:8px}.portfolio-stats{background:#f9fafb;padding:20px;border-radius:8px;margin-bottom:24px;border:1px solid #e5e7eb}.portfolio-stats p{line-height:1.8;color:#374151;font-size:15px;margin:0 0 12px}.portfolio-stats p:last-child{margin-bottom:0}.portfolio-stats strong{color:#111827;font-weight:600}.section{margin-bottom:24px}.section h3{font-size:16px;font-weight:600;color:#111827;margin-bottom:4px}.section-subtitle{font-size:13px;color:#6b7280;margin-bottom:16px;font-weight:400}.section-actions{display:flex;flex-direction:column;gap:12px;padding-top:8px}.section-actions button{width:100%}.section h3{font-size:16px;font-weight:600;margin-bottom:12px;color:#111827}.top-markets{display:flex;flex-direction:column;gap:12px}.market-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s;display:flex;gap:1px;align-items:flex-start}.market-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}.market-rank{font-size:32px;font-weight:700;color:#d1d5db;min-width:40px;line-height:1;padding-top:4px}.market-info{flex:1;min-width:0}.market-header{font-weight:600;font-size:15px;color:#111827;margin-bottom:4px}.market-header .zip-code{font-weight:700}.market-city{font-size:14px;color:#6b7280;margin-bottom:6px}.investment-highlight{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:3px solid #3b82f6;padding:10px 12px;margin:10px 0;border-radius:6px;font-size:13px;line-height:1.6;color:#1e40af}.investment-highlight strong{color:#1e3a8a;font-weight:700}.market-type{font-size:13px;color:#6b7280;margin-bottom:10px}.deal-score-badge{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px;margin-bottom:6px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.bedroom-badge{display:inline-block;font-size:12px;font-weight:500;padding:3px 8px;border-radius:4px;margin-bottom:8px;background:#e0e7ff;color:#4f46e5}.bedroom-mix{font-size:13px;color:#6b7280;margin-top:8px;padding:8px 12px;background:#f3f4f6;border-radius:6px}.detail-row{font-size:13px;color:#374151;margin-bottom:4px}.market-details{display:flex;gap:8px;font-size:13px;color:#374151;margin-bottom:12px;align-items:center}.volume-indicator{display:inline-flex;align-items:center;gap:4px}.volume-indicator.volume-low{color:#ef4444}.volume-indicator.volume-medium{color:#f59e0b}.volume-indicator.volume-high{color:#10b981}.market-info button{width:100%}.market-city{font-size:14px;color:#6b7280}.market-type{font-size:12px;color:#9ca3af;margin-top:4px}.market-stats{display:flex;gap:12px;font-size:12px;color:#6b7280;margin-top:4px}.section-actions{display:flex;gap:8px}.empty-state{padding:32px;text-align:center;color:#6b7280}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb}.sidebar-content{padding:0;display:flex;flex-direction:column;height:calc(100% - 60px);overflow:visible}.property-image-placeholder{width:100%;height:200px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#9ca3af;font-size:48px}.property-title{font-size:20px;font-weight:600;margin-bottom:4px}.property-subtitle{color:#6b7280;margin-bottom:16px}.property-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.stat{text-align:center}.stat-value{display:block;font-size:16px;font-weight:600;color:#111827}.stat-label{display:block;font-size:12px;color:#6b7280;margin-top:4px}.analysis-grid{display:flex;flex-direction:column;gap:8px}.analysis-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6}.analysis-row.highlight{background:#f0fdf4;padding:12px;border-radius:6px;border:1px solid #86efac}.analysis-row .value{font-weight:600}.analysis-row .value.positive{color:#059669}.analysis-row .value.negative{color:#dc2626}.metrics-badges{display:flex;gap:12px;margin-top:16px}.badge{flex:1;background:#f9fafb;padding:12px;border-radius:8px;text-align:center}.badge-label{display:block;font-size:11px;color:#6b7280;text-transform:uppercase;margin-bottom:4px}.badge-value{display:block;font-size:18px;font-weight:700;color:#111827}.details-grid{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6}.sidebar-actions{display:flex;flex-direction:column;gap:8px;margin:24px 0}.tabs{display:flex;border-bottom:1px solid #e5e7eb;margin:24px 0 16px}.tab-btn{padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s}.tab-btn:hover{color:#111827}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab-content{padding:16px 0}.tab-pane{display:none}.tab-pane.active{display:block}.zip-title{font-size:24px;font-weight:700;margin-bottom:16px;margin-top:0}.zip-location{font-size:14px;font-weight:400;color:#6b7280;margin-left:8px}.zip-subtitle{color:#6b7280;margin-bottom:16px;margin-top:0}.score-badge{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-bottom:24px}.score-badge.score-excellent{background:#d1fae5;color:#065f46}.score-badge.score-good{background:#dbeafe;color:#1e40af}.score-badge.score-fair{background:#fef3c7;color:#92400e}.score-badge.score-poor{background:#fee2e2;color:#991b1b}.score-value{font-size:24px;font-weight:700}.score-label{font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-item .info-icon{cursor:help;padding:2px 4px;display:inline-block}.stat-item .info-icon:hover{opacity:.8;transform:scale(1.1)}.stat-tooltip-container{display:none;position:fixed;top:50%;right:calc(min(400px,40vw)/2);transform:translate(50%,-50%);z-index:99999;width:280px;max-width:280px;pointer-events:none}.stat-item .stat-label:hover~.stat-tooltip-container{display:block}.stat-value.positive{color:#059669}.stat-value.negative,.stat-value.volume-low{color:#dc2626}.stat-value.volume-medium{color:#f59e0b}.stat-value.volume-high{color:#059669}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.metric-card{background:#f9fafb;padding:12px;border-radius:8px;text-align:center;cursor:default}.metric-card .info-icon{font-size:.85em;opacity:.6;margin-left:2px;cursor:help;padding:2px 4px;display:inline-block}.metric-card .info-icon:hover{opacity:.9;transform:scale(1.1)}.metric-tooltip-container{display:none;position:fixed;top:50%;right:calc(min(400px,40vw)/2);transform:translate(50%,-50%);z-index:99999;width:280px;max-width:280px;pointer-events:none}.metric-card .metric-label:hover~.metric-tooltip-container{display:block}.metric-tooltip{background:#1e293b;color:#f1f5f9;padding:10px 12px;border-radius:8px;box-shadow:0 4px 20px #0000004d;font-size:.8rem;line-height:1.4;text-align:left;border:1px solid #334155;max-width:100%;font-family:Inter,sans-serif;word-wrap:break-word;overflow-wrap:break-word}.metric-tooltip strong{color:#60a5fa;display:block;margin-bottom:8px;font-size:.9rem}.tooltip-calc{font-family:Inter,sans-serif;font-size:.75rem}.tooltip-calc>div{padding:2px 0}.tooltip-spacer{height:8px}.tooltip-note{font-style:italic;color:#94a3b8;font-size:.75rem}.metric-label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.metric-value{display:block;font-size:20px;font-weight:700;color:#111827}.details-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6}.comparison-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px}.comparison-checkbox input{width:16px;height:16px;cursor:pointer}.tray-header{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;border-bottom:1px solid #e5e7eb;flex-shrink:0;width:100%;font-size:13px;background:#f9fafb}.tray-actions{display:flex;gap:8px;align-items:center}.tray-actions .btn-secondary{padding:4px 10px;font-size:12px}.property-cards-container,.zip-cards-container{display:flex;gap:12px;padding:10px 16px;overflow-x:auto;flex:1;align-items:flex-start}.property-card,.zip-card{min-width:180px;width:180px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px 14px;cursor:pointer;transition:all .2s;flex-shrink:0;position:relative}.property-card:hover,.zip-card:hover{border-color:#3b82f6;box-shadow:0 2px 4px #0000001a}.property-card.active{border-color:#3b82f6;background:#eff6ff}.property-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.property-checkbox{width:16px;height:16px}.property-address{font-weight:600;font-size:14px;flex:1}.property-info{display:flex;gap:8px;font-size:12px;color:#6b7280;margin-bottom:8px}.property-price{font-size:18px;font-weight:700;color:#111827;margin-bottom:8px}.property-metrics{display:flex;gap:12px}.metric{flex:1;text-align:center}.metric-label{display:block;font-size:10px;color:#9ca3af;text-transform:uppercase}.metric-value{display:block;font-size:14px;font-weight:600;color:#111827;margin-top:2px}.zip-card-remove{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:#ef4444;color:#fff;border:none;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.zip-card-remove:hover{background:#dc2626}.zip-card{position:relative}.zip-card-no-data{background:#f9fafb;border-color:#d1d5db;opacity:.8}.zip-card-no-data:hover{border-color:#9ca3af}.no-data-message{padding:16px 0;text-align:center;color:#6b7280;font-size:13px;font-style:italic}.no-data-message span{display:inline-block}.zip-card-header{margin-bottom:2px}.zip-code{font-size:15px;font-weight:700}.zip-city{font-size:11px;color:#6b7280;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zip-stats{display:flex;justify-content:space-between;gap:4px;margin-top:4px}.zip-stats .stat{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.zip-stats .stat-label{font-size:9px;color:#9ca3af;text-transform:uppercase;margin-bottom:1px;letter-spacing:.3px}.zip-stats .stat-value{font-size:12px;font-weight:600;color:#111827;white-space:nowrap}.drawer-title{display:flex;align-items:center;gap:8px;font-weight:600;flex:1}.drawer-toggle{font-size:12px}.drawer-hint{font-size:12px;color:#6b7280;margin-left:auto}.drawer-tabs{display:flex;border-bottom:1px solid #e5e7eb;padding:0 16px;background:#fff;flex-shrink:0}.drawer-tab{padding:8px 14px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:12px;font-weight:500;color:#6b7280;transition:all .2s}.drawer-tab:hover{color:#111827}.drawer-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.drawer-tab.locked{color:#9ca3af;cursor:not-allowed;opacity:.7}.drawer-tab.locked:hover{color:#9ca3af}.drawer-body{padding:0;overflow:hidden;flex:1;min-height:0}.v1-table-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.v1-table-actions{display:flex;align-items:center;gap:12px;padding:6px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.v1-table-actions .table-count{font-size:12px;color:#6b7280;flex:1}.v1-table-actions .btn-secondary{padding:4px 10px;font-size:12px}.v1-table-container .bp-table-wrap{flex:1;overflow:hidden;position:relative}.v1-table-container .bp-scroll{height:100%;overflow:auto}.zip-table-wrapper{height:100%;display:flex;flex-direction:column}.table-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.table-info{font-size:13px;color:#6b7280}.table-actions{display:flex;gap:8px}.table-container{flex:1;overflow:hidden;position:relative}.zip-data-table{width:100%;border-collapse:collapse;font-size:13px}.zip-data-table thead{position:sticky;top:0;z-index:100;background:#f3f4f6}.zip-data-table th{padding:10px 12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative}.zip-data-table th.draggable-header{cursor:grab;transition:background .2s}.zip-data-table th.draggable-header:hover{background:#dbeafe}.zip-data-table th.draggable-header.dragging{opacity:.5;cursor:grabbing}.zip-data-table th.sort-asc:after{content:"▲";position:absolute;right:6px;font-size:10px;color:#3b82f6}.zip-data-table th.sort-desc:after{content:"▼";position:absolute;right:6px;font-size:10px;color:#3b82f6}.table-scroll{height:calc(100% - 48px);overflow-y:auto;overflow-x:auto}.zip-data-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s}.zip-data-table tbody tr:nth-child(odd){background:#fff}.zip-data-table tbody tr:nth-child(2n){background:#fcfcfc}.zip-data-table tbody tr:hover{background:#f9fafb}.zip-data-table tbody tr.row-focused{border-left:4px solid #3b82f6;background:#eff6ff!important}.zip-data-table tbody tr.row-selected{border-left:4px solid #fbbf24;background:#fffbeb!important}.zip-data-table td{padding:10px 12px;color:#111827}.zip-data-table .sticky-left{position:sticky;left:0;z-index:10;background:inherit}.zip-data-table .select-col{width:40px;text-align:center}.zip-data-table .select-col input[type=checkbox]{cursor:pointer}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid #e5e7eb}.data-table th{background:#f9fafb;font-weight:600;font-size:12px;color:#6b7280;text-transform:uppercase}.data-table tbody tr:hover{background:#f9fafb;cursor:pointer}.table-footer{padding:12px;text-align:center;color:#6b7280;font-size:14px}.drawer-actions{display:flex;gap:8px;margin-top:16px}.tab-placeholder{padding:32px;text-align:center;color:#9ca3af}#filterPills{position:absolute;top:16px;left:16px;right:16px;display:flex;gap:8px;align-items:center;z-index:400;pointer-events:none}#filterPills>*{pointer-events:all}.filter-pill{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:6px 12px;font-size:14px;box-shadow:0 2px 4px #0000001a}.pill-remove{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.pill-remove:hover{color:#ef4444}.clear-filters-btn{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:7px 14px;font-size:12px;cursor:pointer;box-shadow:0 2px 4px #0000001a;color:#3b82f6;margin:0!important}.clear-filters-btn:hover{background:#f9fafb}.heatmap-controls{padding:16px}.heatmap-controls h3{font-size:18px;font-weight:600;margin-bottom:16px}.control-group{margin-bottom:16px}.control-group label{display:block;font-weight:500;margin-bottom:8px;color:#374151}.control-select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-group label{display:flex;align-items:center;gap:8px;font-weight:400}.range-inputs{display:flex;gap:8px;margin-top:8px}.range-inputs input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px}.color-legend{margin-top:16px}.color-legend h4{font-size:14px;font-weight:600;margin-bottom:8px}.legend-items{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:24px;height:24px;border-radius:4px;border:1px solid #e5e7eb}.control-actions{display:flex;gap:8px;margin-top:16px}.heatmap-tip{margin-top:16px;padding:12px;background:#eff6ff;border-radius:6px;font-size:14px;color:#1e40af}.zip-card{min-width:200px;max-width:220px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s;flex-shrink:0}.zip-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.zip-card.selected{border-color:#3b82f6;background:#eff6ff}.zip-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.zip-card-zip{font-size:20px;font-weight:700;color:#111827}.zip-card-remove{padding:4px 8px;background:transparent;border:none;font-size:16px;color:#9ca3af;cursor:pointer;transition:color .2s}.zip-card-remove:hover{color:#ef4444}.zip-card-city{font-size:13px;color:#6b7280;margin-bottom:12px}.zip-card-metric{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-top:1px solid #f3f4f6}.zip-card-metric:first-of-type{border-top:none}.zip-card-label{font-size:12px;color:#6b7280}.zip-card-value{font-size:14px;font-weight:600;color:#111827}.zip-card-value.positive{color:#059669}.zip-card-value.negative{color:#dc2626}.zip-card-actions{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;display:flex;gap:8px}.zip-card-btn{flex:1;padding:6px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.zip-card-btn:hover{background:#e5e7eb;border-color:#9ca3af}.zip-card-btn.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.zip-card-btn.primary:hover{background:#2563eb;border-color:#2563eb}.property-card{min-width:280px;max-width:300px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s;flex-shrink:0}.property-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.property-card.selected{border-color:#3b82f6;background:#eff6ff}.property-card-image{width:100%;height:140px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:48px;position:relative}.property-card-checkbox{position:absolute;top:8px;left:8px;width:24px;height:24px;cursor:pointer}.property-card-body{padding:16px}.property-card-address{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.property-card-location{font-size:12px;color:#6b7280;margin-bottom:12px}.property-card-price{font-size:20px;font-weight:700;color:#111827;margin-bottom:8px}.property-card-details{display:flex;gap:12px;margin-bottom:12px;font-size:13px;color:#6b7280}.property-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.property-card-metric{display:flex;flex-direction:column;gap:2px}.property-card-metric-label{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.property-card-metric-value{font-size:14px;font-weight:600;color:#111827}.property-card-metric-value.positive{color:#059669}.property-card-metric-value.negative{color:#dc2626}.property-card-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid #e5e7eb}.property-card-btn{flex:1;padding:8px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;text-align:center}.property-card-btn:hover{background:#e5e7eb;border-color:#9ca3af}.property-card-btn.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.property-card-btn.primary:hover{background:#2563eb;border-color:#2563eb}.property-marker{width:32px;height:32px;background:#3b82f6;border:3px solid #ffffff;border-radius:50%;box-shadow:0 2px 8px #0000004d;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.property-marker:hover{transform:scale(1.2);z-index:1000;box-shadow:0 4px 12px #3b82f680}.property-marker.selected{background:#ef4444;border-color:#fef2f2;transform:scale(1.3)}.property-marker.positive-cf{background:#059669}.property-marker.negative-cf{background:#dc2626}.leaflet-popup-content-wrapper{border-radius:8px;padding:0}.property-popup{padding:12px;min-width:200px}.property-popup-address{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px}.property-popup-price{font-size:16px;font-weight:700;color:#3b82f6;margin-bottom:8px}.property-popup-details{font-size:12px;color:#6b7280;margin-bottom:8px}.property-popup-btn{width:100%;padding:8px 12px;background:#3b82f6;border:none;border-radius:4px;font-size:12px;font-weight:600;color:#fff;cursor:pointer;transition:background .2s}.property-popup-btn:hover{background:#2563eb}.compare-banner{position:fixed;bottom:260px;left:50%;transform:translate(-50%);z-index:500;padding:12px 20px;background:#3b82f6;border-radius:8px;box-shadow:0 4px 12px #0003;display:flex;align-items:center;gap:16px;color:#fff}.compare-banner-text{font-size:14px;font-weight:500}.compare-banner-btn{padding:8px 16px;background:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;color:#3b82f6;cursor:pointer;transition:all .2s}.compare-banner-btn:hover{background:#eff6ff}.compare-banner-close{padding:4px 8px;background:transparent;border:none;font-size:16px;color:#fff;cursor:pointer;opacity:.8;transition:opacity .2s}.compare-banner-close:hover{opacity:1}.skeleton-card{min-width:280px;max-width:300px;height:300px;background:#f3f4f6;border-radius:8px;animation:pulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#6b7280}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:16px;font-weight:600;color:#111827;margin-bottom:8px}.empty-state-text{font-size:14px;color:#6b7280;max-width:400px}.empty-state-btn{margin-top:16px;padding:10px 20px;background:#3b82f6;border:none;border-radius:6px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:background .2s}.empty-state-btn:hover{background:#2563eb}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body>.modal{display:none;position:fixed;inset:0;background:#00000040;place-items:center;z-index:1600}body>.modal.open{display:grid}.modal-overlay>.modal{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal .modal-card,.modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000004d;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{font-size:20px;font-weight:600;color:#111827}.modal-close{padding:8px;background:transparent;border:none;font-size:24px;color:#9ca3af;cursor:pointer;transition:color .2s;line-height:1}.modal-close:hover{color:#111827}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.modal.onboarding-modal{display:none}.modal.onboarding-modal.active{display:flex}.onboarding-container{width:600px;max-width:90vw}.onboarding-header{text-align:center;padding:32px 24px 24px;border-bottom:1px solid #e5e7eb}.onboarding-header h1{font-size:28px;font-weight:700;margin-bottom:8px}.onboarding-header p{color:#6b7280;font-size:16px}.onboarding-body{padding:32px 24px}.onboarding-step h2{font-size:20px;font-weight:600;margin-bottom:24px;color:#111827}.step-description{color:#6b7280;margin-bottom:24px}.goal-options,.capital-options{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.goal-option,.capital-option{cursor:pointer}.goal-option input,.capital-option input{display:none}.goal-card,.capital-card{padding:16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s}.goal-option:hover .goal-card,.capital-option:hover .capital-card{background:#f3f4f6;border-color:#d1d5db}.goal-option.selected .goal-card,.capital-option.selected .capital-card{background:#eff6ff;border-color:#3b82f6}.goal-icon{font-size:32px;margin-bottom:8px}.goal-title,.capital-amount{font-size:16px;font-weight:600;color:#111827;margin-bottom:4px}.goal-description,.capital-description{font-size:14px;color:#6b7280}.custom-capital-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;margin-top:8px}.states-selection{margin-bottom:32px}.search-box{margin-bottom:16px}.state-search-input{width:100%;padding:10px 14px;border:2px solid #d1d5db;border-radius:6px;font-size:14px}.state-search-input:focus{outline:none;border-color:#3b82f6}.popular-states h4{font-size:14px;font-weight:600;margin-bottom:12px;color:#374151}.state-checkboxes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.state-checkbox{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.state-checkbox:hover{background:#f3f4f6}.state-checkbox input:checked+span{font-weight:600;color:#3b82f6}.onboarding-actions{display:flex;justify-content:space-between;gap:12px}.onboarding-actions button{flex:1}.onboarding-wizard{width:600px}.onboarding-progress{display:flex;gap:8px;margin-bottom:32px}.onboarding-step{flex:1;height:4px;background:#e5e7eb;border-radius:2px;transition:background .3s}.onboarding-step.active{background:#3b82f6}.onboarding-step.completed{background:#059669}.onboarding-question{margin-bottom:32px}.onboarding-label{font-size:18px;font-weight:600;color:#111827;margin-bottom:8px;display:block}.onboarding-hint{font-size:14px;color:#6b7280;margin-bottom:16px}.onboarding-input{width:100%;padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:16px;transition:border-color .2s}.onboarding-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.onboarding-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.onboarding-option{padding:16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;text-align:center;cursor:pointer;transition:all .2s}.onboarding-option:hover{background:#f3f4f6;border-color:#d1d5db}.onboarding-option.selected{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.onboarding-option-icon{font-size:32px;margin-bottom:8px}.onboarding-option-label{font-size:14px;font-weight:600}.onboarding-states{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;max-height:300px;overflow-y:auto}.onboarding-state{padding:8px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:6px;text-align:center;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.onboarding-state:hover{background:#f3f4f6;border-color:#d1d5db}.onboarding-state.selected{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.plans-modal{width:800px}.plans-list{display:flex;flex-direction:column;gap:12px}.plan-item{padding:16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between}.plan-item:hover{background:#f3f4f6;border-color:#d1d5db}.plan-item.active{background:#eff6ff;border-color:#3b82f6}.plan-item-left{flex:1}.plan-item-name{font-size:16px;font-weight:600;color:#111827;margin-bottom:4px}.plan-item-meta{font-size:13px;color:#6b7280}.plan-item-actions{display:flex;gap:8px}.plan-item-btn{padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.plan-item-btn:hover{background:#f9fafb;border-color:#9ca3af}.plan-item-btn.danger:hover{background:#fef2f2;border-color:#ef4444;color:#dc2626}.plans-empty{text-align:center;padding:60px 20px;color:#6b7280}.plans-empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.plans-empty-text{font-size:16px;margin-bottom:24px}.pipeline-board{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px}.pipeline-column{min-width:280px;flex-shrink:0;background:#f9fafb;border-radius:8px;padding:16px}.pipeline-column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pipeline-column-title{font-size:14px;font-weight:600;color:#111827}.pipeline-column-count{padding:2px 8px;background:#e5e7eb;border-radius:12px;font-size:12px;font-weight:600;color:#6b7280}.pipeline-cards{display:flex;flex-direction:column;gap:12px;min-height:100px}.pipeline-card{padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:move;transition:all .2s}.pipeline-card:hover{box-shadow:0 2px 8px #0000001a}.pipeline-card.dragging{opacity:.5}.pipeline-card-address{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px}.pipeline-card-price{font-size:16px;font-weight:700;color:#3b82f6;margin-bottom:8px}.pipeline-card-meta{font-size:12px;color:#6b7280}.add-to-plan-modal{width:500px}.plan-select-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;margin-bottom:16px}.plan-select-item{padding:12px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.plan-select-item:hover{background:#f3f4f6;border-color:#d1d5db}.plan-select-item.selected{background:#eff6ff;border-color:#3b82f6}.plan-select-name{font-size:14px;font-weight:600;color:#111827}.plan-select-meta{font-size:12px;color:#6b7280;margin-top:4px}.create-plan-section{padding-top:16px;border-top:1px solid #e5e7eb}.create-plan-input{width:100%;padding:10px 14px;border:2px solid #d1d5db;border-radius:6px;font-size:14px;margin-bottom:12px}.create-plan-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:14px 28px;font-size:16px}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}#comparisonModal{display:none}#comparisonModal.active{display:flex;position:fixed;inset:0;background:#00000080;z-index:9999;align-items:center;justify-content:center}#comparisonModal .comparison-modal-content{background:#fff;border-radius:12px;width:90vw;max-width:1400px;height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040;overflow:hidden}#comparisonModal .modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;width:100%}#comparisonModal .modal-title{font-size:20px;font-weight:700;color:#111827;margin:0}#comparisonModal .modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px 8px}#comparisonModal .modal-close:hover{color:#111827}#comparisonModal .modal-body,.modal-overlay#comparisonModal .modal-body{flex:1;overflow-x:auto;overflow-y:auto;padding:0;min-height:0}#comparisonModal .modal-body>div{padding:24px;min-width:min-content}.comparison-table{border-collapse:separate;border-spacing:0;position:relative;width:max-content;min-width:100%;display:table}.comparison-table thead{position:sticky;top:0;z-index:50}.comparison-table thead tr{background:#f9fafb}.comparison-table th{padding:16px 12px;text-align:center;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;background:#f9fafb;min-width:160px;white-space:nowrap;position:relative;z-index:50}.comparison-table th:first-child{text-align:left;min-width:200px;position:sticky;left:0;z-index:60;background:#f9fafb;border-right:2px solid #e5e7eb}.zip-header-cell{padding:12px}.zip-header-cell .zip-code{font-size:18px;font-weight:700;color:#111827}.zip-header-cell .zip-location{font-size:12px;color:#6b7280;margin-top:4px}.comparison-table tbody tr{border-bottom:1px solid #f3f4f6}.comparison-table tbody tr:hover{background:#f9fafb}.comparison-table td{padding:12px;text-align:center;font-size:14px;color:#111827;border-bottom:1px solid #f3f4f6;min-width:160px;white-space:nowrap;position:relative;z-index:10}.comparison-table td:first-child{text-align:left;font-weight:600;color:#374151;position:sticky;left:0;background:#fff;z-index:30;border-right:2px solid #e5e7eb;min-width:200px}.comparison-table tbody tr:hover td:first-child{background:#f9fafb}.comparison-table tr.section-header td{background:#f3f4f6;font-weight:700;font-size:15px;color:#111827;padding:14px 12px;border-top:2px solid #e5e7eb;position:relative;z-index:10}.comparison-table tr.section-header td:first-child{position:sticky;left:0;background:#f3f4f6;border-right:2px solid #e5e7eb;z-index:30;text-align:left;min-width:200px}.comparison-table td.best-value{background:#d1fae5;color:#065f46;font-weight:600}.comparison-table td.best-value:after{content:" ✓";font-size:12px}#comparisonModal .modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;flex-shrink:0;background:#f9fafb;width:100%}#comparisonModal .modal-footer .btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer}#comparisonModal .modal-footer .btn-primary{background:#3b82f6;color:#fff;border:none}#comparisonModal .modal-footer .btn-primary:hover{background:#2563eb}#comparisonModal .modal-body::-webkit-scrollbar{width:8px;height:8px}#comparisonModal .modal-body::-webkit-scrollbar-track{background:#f3f4f6}#comparisonModal .modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}#comparisonModal .modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}#comparisonModal .modal-body::-webkit-scrollbar-corner{background:#f3f4f6}.hm-layout{display:grid;grid-template-columns:1fr 280px;gap:16px;padding:12px 16px;background:#fff;overflow-y:auto;overflow-x:hidden;max-height:100%}.hm-histogram-panel{display:flex;flex-direction:column;gap:10px;min-width:0}.hm-histogram-header{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.hm-metric-label{font-size:13px;font-weight:600;color:#374151;white-space:nowrap}.hm-search-wrapper{position:relative;flex:1}.hm-search-input{width:100%;padding:6px 24px 6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;transition:all .2s;background:#fff}.hm-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.hm-dropdown-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:10px;pointer-events:none}.hm-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:250px;overflow-y:auto;background:#fff;border:1.5px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1000;display:none}.hm-dropdown.show{display:block}.hm-dropdown-item{padding:8px 12px;cursor:pointer;font-size:13px;transition:background .1s}.hm-dropdown-item:hover{background:#f3f4f6}.hm-dropdown-item.selected{background:#eff6ff;color:#1e40af;font-weight:500}.hm-histogram-container{position:relative;width:100%;height:300px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px}#hmHistogramChart{width:100%!important;height:100%!important;max-width:100%}.hm-handle-overlay{position:absolute;inset:0;pointer-events:none;z-index:10;overflow:hidden}.hm-chart-handle{position:absolute;width:2px;cursor:ew-resize;pointer-events:all;z-index:20;transition:opacity .2s}.hm-chart-handle:hover{opacity:1!important}.hm-chart-handle:hover .hm-handle-circle{transform:translate(-50%,-50%) scale(1.3)}.hm-handle-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 2px 6px #0000004d;transition:transform .2s;cursor:grab}.hm-handle-circle:active{cursor:grabbing}.hm-header-info{display:flex;align-items:center;gap:6px;background:#eff6ff;padding:4px 8px;border-radius:4px;border-left:2px solid #3b82f6;margin-left:auto}.hm-header-info .hm-info-icon{font-size:12px;line-height:1;flex-shrink:0}.hm-header-info .hm-info-text{font-size:10px;color:#1e40af;line-height:1.3;white-space:nowrap}.hm-insights{background:#f8fafc;padding:8px 12px;border-radius:6px;border-left:3px solid #3b82f6;font-size:11px;flex-shrink:0;margin-bottom:0}.hm-insights-text{display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.4;color:#374151}.hm-insight-negative{color:#dc2626;font-weight:500}.hm-insight-positive{color:#16a34a;font-weight:500}.hm-insight-separator{color:#9ca3af;font-weight:300}.hm-controls-panel{display:flex;flex-direction:column;gap:14px;padding:14px;background:#fafafa;border-radius:6px;border:1px solid #e5e7eb;min-width:0;height:390px}.hm-control-section{display:flex;flex-direction:column;gap:8px}.hm-control-header{display:flex;align-items:center;justify-content:space-between}.hm-section-label{font-size:12px;font-weight:600;color:#374151;margin-bottom:2px}.hm-toggle-label{font-size:13px;font-weight:600;color:#111827}.hm-toggle-switch{width:40px;height:22px;position:relative;display:inline-block;cursor:pointer}.hm-toggle-switch input{opacity:0;width:0;height:0}.hm-toggle-slider{position:absolute;inset:0;background:#cbd5e1;border-radius:22px;transition:.2s}.hm-toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #0003}.hm-toggle-switch input:checked+.hm-toggle-slider{background:#3b82f6}.hm-toggle-switch input:checked+.hm-toggle-slider:before{transform:translate(18px)}.hm-input-group{display:flex;align-items:center;gap:6px}.hm-input-group label{font-size:11px;font-weight:600;color:#6b7280;min-width:32px}.hm-input-group input[type=number]{flex:1;padding:5px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;font-weight:500;transition:all .2s;background:#fff}.hm-input-group input[type=number]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.hm-hint,.hm-hint-small{font-size:10px;color:#9ca3af;margin:-2px 0 0;line-height:1.3}.hm-range-display{display:flex;flex-direction:column;gap:3px;padding:6px 8px;background:#f0f9ff;border-radius:4px;border-left:2px solid #3b82f6;margin-top:6px}.hm-range-label{font-size:10px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.02em}.hm-range-values{font-size:11px;color:#1e40af;font-weight:600}.hm-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.hm-checkbox input[type=checkbox]{width:14px;height:14px;cursor:pointer;margin:0}.hm-checkbox-label{font-size:12px;color:#374151;font-weight:500}.hm-color-preview{display:flex;align-items:center;gap:6px;padding:0}.hm-color-swatch{width:28px;height:28px;border-radius:4px;border:2px solid #e5e7eb;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000001a}.hm-color-swatch:hover{transform:scale(1.1);box-shadow:0 2px 6px #0003;border-color:#cbd5e1}.hm-color-label-sm{font-size:10px;font-weight:600;color:#6b7280}.hm-gradient-preview{flex:1;height:18px;border-radius:4px;border:1px solid #e5e7eb;box-shadow:inset 0 1px 2px #0000000d}.hm-btn-reset{padding:5px 10px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:11px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.hm-btn-reset:hover{background:#f9fafb;border-color:#9ca3af}.hm-btn-reset:active{transform:scale(.98)}.hm-color-input-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@media(max-width:1200px)and (min-width:769px){.hm-layout{grid-template-columns:1fr 260px;gap:12px;padding:12px}}@media(max-width:768px){.hm-layout{grid-template-columns:1fr;gap:12px;padding:10px}.hm-controls-panel{order:-1;padding:12px}.hm-histogram-container{height:250px}.hm-control-section{gap:8px}.hm-insights{padding:8px 10px}}@media(max-width:480px){.hm-color-preview{flex-wrap:wrap}.hm-gradient-preview{width:100%;order:3}}.profile-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px #00000026;padding:8px;min-width:240px;z-index:5001;display:none}.profile-menu.show{display:block}.menu-item{padding:10px 12px;border-radius:6px;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#374151}.menu-item:hover{background:#f3f4f6}.menu-item:active{background:#e5e7eb}.menu-separator{margin:4px 0;border:none;border-top:1px solid #e5e7eb}.menu-badge{background:#3b82f6;color:#fff;font-size:11px;padding:2px 6px;border-radius:999px;font-weight:600;min-width:18px;text-align:center}#btnProfile{position:relative;padding:6px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;transition:background .15s}#btnProfile:hover{background:#e5e7eb}#btnProfile:active{background:#d1d5db}.modal-overlay{position:fixed;inset:0;background:#00000080;display:none;place-items:center;z-index:6000;padding:20px}.modal-overlay.active{display:grid}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;padding:24px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:20px;font-weight:600;color:#111827;margin:0}.modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s}.modal-close:hover{background:#f3f4f6}.modal-body{color:#374151;line-height:1.6}.modal-footer{margin-top:24px;display:flex;gap:12px;justify-content:flex-end}.btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:none}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.saved-states-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;opacity:0;transition:opacity .3s ease}.saved-states-modal-overlay.active{opacity:1}.saved-states-modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000004d;transform:scale(.9);transition:transform .3s ease}.saved-states-modal-overlay.active .saved-states-modal-content{transform:scale(1)}.saved-states-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.saved-states-modal-title{margin:0;color:#111827;font-size:20px;font-weight:600}.saved-states-modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#6b7280;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s,color .2s}.saved-states-modal-close:hover{background:#f3f4f6;color:#111827}.saved-states-modal-body{padding:24px;overflow-y:auto;flex:1}.saved-states-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.saved-filter-item{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#fff;transition:box-shadow .2s,border-color .2s}.saved-filter-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.saved-states-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.saved-states-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-primary{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #3b82f633}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.btn-primary:active{transform:translateY(0)}.btn-secondary{padding:10px 20px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-danger{padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}@media(max-width:640px){.saved-states-modal-content{max-width:100%;margin:0;border-radius:12px 12px 0 0;max-height:95vh}.saved-states-modal-header{padding:16px 20px}.saved-states-modal-body{padding:20px}.saved-states-modal-footer{padding:12px 20px;flex-direction:column-reverse}.saved-states-modal-footer button{width:100%}.saved-filter-item{padding:12px}}