html, body { height: 100%; margin: 0; font-family: Arial, sans-serif; background: #0a0a2e; color: #fff; }
.topbar { position: absolute; top: 0; left: 0; right: 0; z-index: 1000; display: flex; align-items: center; gap: 16px; padding: 10px 14px; background: rgba(10,10,46,0.85); border-bottom: 1px solid #2b2b58; }
.brand { font-weight: 700; color: #d6e2ff; }
#map { position: absolute; top: 48px; left: 0; right: 0; bottom: 0; }
.search-wrap { position: relative; width: 320px; max-width: 70vw; }
#domain-search { width: 100%; padding: 8px 10px; border: 1px solid #394675; border-radius: 4px; background: #121845; color: #fff; }
.search-results { position: absolute; top: 36px; left: 0; right: 0; background: #121845; border: 1px solid #394675; border-radius: 4px; max-height: 280px; overflow: auto; display: none; }
.search-item { padding: 8px 10px; cursor: pointer; border-bottom: 1px solid #222d5e; }
.search-item:hover { background: #1a2460; }
.info-panel { position: absolute; right: 12px; top: 60px; width: 300px; background: rgba(18,24,69,0.95); border: 1px solid #3a4a8d; border-radius: 6px; padding: 14px; z-index: 1200; }
.hidden { display: none; }
.info-close { float: right; background: #2b396f; color: #fff; border: 0; padding: 4px 7px; border-radius: 4px; cursor: pointer; }
.leaflet-container { background: #0a0a2e; }