:root{--bg: #0a0e14;--bg2: #0d1117;--bg3: #161b22;--bg4: #21262d;--border: #30363d;--border2: #484f58;--text: #e6edf3;--muted: #8b949e;--accent: #58a6ff;--accent-hover: #79b8ff;--success: #3fb950;--warning: #d29922;--danger: #f85149;--font: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "IBM Plex Mono", "SF Mono", Consolas, Monaco, monospace}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;min-height:100vh}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:13px;line-height:1.4;display:flex;flex-direction:column;min-height:100%;height:100vh;overflow:hidden}#root{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:40px;border-bottom:1px solid var(--border);background:var(--bg2);flex-shrink:0;z-index:100}.logo{font-family:var(--font);font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--text)}.header-right{display:flex;align-items:center;gap:20px}.stat-pill{font-family:var(--mono);font-size:11px;color:var(--muted);background:transparent;border:none;padding:0;letter-spacing:.04em}.stat-pill span{color:var(--accent);font-weight:500;margin-left:4px}.main{display:flex;flex:1;min-height:0;overflow:hidden}.panel{width:400px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:var(--bg2)}.panel-title{font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--muted);padding:8px 12px;border-bottom:1px solid var(--border);text-transform:uppercase}.panel-controls{padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:8px}.controls-row{display:flex;gap:8px;align-items:center}select{flex:1;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:6px 10px;font-size:12px;font-family:var(--font);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:32px}select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.btn{background:var(--bg3);color:var(--accent);border:1px solid var(--border);padding:6px 14px;font-size:12px;font-family:var(--font);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;min-height:32px}.btn:hover{border-color:var(--accent);background:var(--bg4);color:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--muted);color:var(--text)}.spinner{width:12px;height:12px;border:1px solid var(--border2);border-top-color:var(--accent);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{height:2px;background:var(--border);flex-shrink:0;display:none}.progress.visible{display:block}.progress-fill{height:100%;background:var(--accent);transition:width .2s ease}.lead-list{flex:1;min-height:0;overflow-y:auto;padding:6px 0;display:flex;flex-direction:column;gap:0}.lead-list::-webkit-scrollbar{width:8px}.lead-list::-webkit-scrollbar-track{background:var(--bg)}.lead-list::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.lead-card{background:transparent;border:none;border-left:3px solid var(--border);border-bottom:1px solid var(--border);padding:10px 12px;cursor:pointer;transition:background .1s}.lead-card:nth-child(2n){background:#161b2266}.lead-card:hover{background:var(--bg3)}.lead-card.active{border-left-color:var(--accent);background:var(--bg3);box-shadow:inset 0 0 0 1px #58a6ff26}.lead-card.aanvraag{border-left-color:var(--warning)}.lead-card.verleend{border-left-color:var(--success)}.lead-card.hot{border-left-color:var(--danger)}.lc-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.lc-type{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-family:var(--mono)}.lc-type.aanvraag{color:var(--warning)}.lc-type.verleend{color:var(--success)}.lc-type.hot{color:var(--danger)}.lc-date{font-size:10px;color:var(--muted);font-family:var(--mono)}.lc-adres{font-size:12px;font-weight:500;margin-bottom:3px;line-height:1.35;color:var(--text)}.lc-desc{font-size:11px;color:var(--muted);line-height:1.45;margin-bottom:6px}.lc-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:10px;padding:2px 6px;font-family:var(--mono);font-weight:500;border:1px solid;background:transparent}.tag-fundament{color:var(--warning);border-color:var(--warning)}.tag-schilder{color:var(--success);border-color:var(--success)}.tag-renovatie{color:var(--accent);border-color:var(--accent)}.tag-hot{color:var(--danger);border-color:var(--danger)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);padding:32px 20px;text-align:center;font-family:var(--mono)}.empty-icon{font-size:28px;opacity:.4}.empty-title{font-size:12px;font-weight:600;color:var(--text)}.empty-sub{font-size:11px;line-height:1.5}.map-container{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;background:var(--bg)}.map-toolbar{position:absolute;top:10px;left:10px;z-index:500;display:flex;gap:6px;flex-direction:column}.map-btn{background:var(--bg2);border:1px solid var(--border);color:var(--text);font-size:11px;font-family:var(--font);padding:6px 10px;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap}.map-btn:hover{border-color:var(--accent);color:var(--accent)}.map-btn.active{border-color:var(--accent);color:var(--accent);background:var(--bg3)}.layer-dot{width:6px;height:6px;flex-shrink:0;background:currentColor}#map{width:100%;height:100%}.leaflet-container{background:var(--bg)}.leaflet-control-zoom{border:1px solid var(--border)!important}.leaflet-control-zoom a{background:var(--bg2)!important;color:var(--text)!important;border:none!important;border-bottom:1px solid var(--border)!important}.leaflet-control-zoom a:last-child{border-bottom:none!important}.leaflet-control-zoom a:hover{background:var(--bg3)!important;color:var(--accent)!important}.popup-connector{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:550}.lead-popup{position:absolute;z-index:600;background:var(--bg2);border:1px solid var(--border);font-family:var(--font);max-width:360px;min-width:280px;box-shadow:0 12px 32px #00000073,0 0 0 1px #ffffff0a;border-radius:8px}.lead-popup.at-marker{bottom:auto;left:auto;right:auto;transform:translate(-50%)}.lead-popup.at-marker .popup-inner{padding:14px 16px}.lead-popup.at-bottom{bottom:0;left:0;right:0;max-width:none;min-width:0;border-radius:12px 12px 0 0;border-top:1px solid var(--border);border-left:none;border-right:none}.lead-popup.at-bottom .popup-inner{padding:14px 16px}.popup-arrow{position:absolute;bottom:-7px;left:50%;margin-left:-7px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid var(--border);z-index:1}.popup-arrow:after{content:"";position:absolute;left:-6px;top:-8px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--bg2)}.lead-popup.at-bottom .popup-arrow{display:none}.popup-inner{display:flex;flex-direction:column;gap:12px;position:relative}.popup-main{display:flex;flex-direction:column;gap:6px;min-width:0;padding-right:36px}.popup-title{font-size:14px;font-weight:600;line-height:1.35;margin:0;color:var(--text);letter-spacing:-.01em;width:100%}.popup-meta{font-size:11px;color:var(--muted);font-family:var(--mono);margin:0;line-height:1.4;letter-spacing:.02em}.popup-desc{font-size:11px;color:var(--muted);line-height:1.45;margin:0 0 6px}.popup-bodem{display:flex;align-items:center;gap:8px;font-size:11px;padding:8px 10px;font-family:var(--mono);font-weight:500;border:1px solid;border-radius:6px;letter-spacing:.02em;width:100%;box-sizing:border-box;background:transparent}.popup-bodem-icon{flex-shrink:0;opacity:.85}.popup-actions{display:flex;gap:8px;flex-shrink:0;align-items:stretch;padding-top:12px;border-top:1px solid var(--border)}.popup-close{position:absolute;top:8px;right:8px;background:var(--bg4);border:1px solid var(--border);color:var(--muted);width:28px;height:28px;padding:0;cursor:pointer;font-size:18px;line-height:1;font-family:var(--font);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.popup-close:hover{border-color:var(--border2);color:var(--text);background:var(--bg3)}.action-link{flex:1;font-size:11px;color:var(--accent);text-decoration:none;border:1px solid var(--border);padding:8px 12px;font-family:var(--font);font-weight:500;border-radius:6px;transition:border-color .15s,background .15s,color .15s;text-align:center}.action-link:hover{border-color:var(--accent);background:#58a6ff1a;color:var(--accent-hover)}.legend-wrap{position:absolute;bottom:16px;right:10px;z-index:500;display:flex;flex-direction:column;gap:10px}.legend{background:var(--bg2);border:1px solid var(--border);padding:10px 12px;min-width:150px;font-family:var(--font)}.legend-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.legend-sub{font-size:10px;color:var(--muted);margin-bottom:8px;line-height:1.35}.legend-item{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:4px}.legend-box{width:10px;height:10px;flex-shrink:0;border:1px solid var(--border)}.notice{font-size:11px;color:var(--muted);background:var(--bg3);border:1px solid var(--border);padding:8px 12px;margin:8px 12px;line-height:1.45;flex-shrink:0;font-family:var(--mono)}.notice strong{color:var(--warning)}