:root{--bg:#0f0f10;--card:#1a1a1c;--muted:#9aa0a6;--txt:#fff;--accent:#2ea6ff}
*{box-sizing:border-box;font-family:system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif}
html,body{height:100%;margin:0;background:var(--bg);color:var(--txt)}
body{display:flex;flex-direction:column}

#tabs{display:flex;gap:8px;padding:10px;background:var(--card);position:sticky;top:0;z-index:20;border-bottom:1px solid #252528}
.tab{padding:10px 12px;border-radius:12px;border:1px solid #2b2b2e;background:#121214;color:var(--txt);cursor:pointer;white-space:nowrap}
.tab.active{border-color:var(--accent)}

#topbar{display:flex;gap:8px;padding:10px;background:var(--card);position:sticky;top:52px;z-index:10}
#searchInput{flex:1;padding:10px 12px;border-radius:12px;border:1px solid #2b2b2e;background:#0b0b0c;color:var(--txt)}
#searchBtn,#nearMeBtn,#refreshBtn{padding:10px 12px;border-radius:12px;border:1px solid #2b2b2e;background:#121214;color:var(--txt)}
#searchBtn:hover,#nearMeBtn:hover,#refreshBtn:hover{border-color:#3b3b40}
#filters{display:flex;gap:8px;padding:10px;background:var(--card);border-top:1px solid #252528}
select{padding:10px 12px;border-radius:12px;border:1px solid #2b2b2e;background:#0b0b0c;color:var(--txt)}
.chip{display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:999px;border:1px solid #2b2b2e;background:#0b0b0c;color:var(--muted)}
#content{flex:1 1 auto;min-height:0;display:flex}
#map{flex:1;min-width:45%;}
#list{width:420px;max-width:55%;border-left:1px solid #252528;background:var(--card);display:flex;flex-direction:column}
#listHeader{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #252528}
#headerActions{display:flex;gap:8px}
#items{padding:10px;overflow:auto;min-height:0}
.item{padding:10px;border:1px solid #252528;border-radius:14px;margin-bottom:10px;background:#121214}
.item .row{display:flex;justify-content:space-between;gap:8px}
.item .name{font-weight:700}
.item .addr{color:var(--muted);font-size:13px;margin-top:6px}
.item .meta{color:var(--muted);font-size:12px;margin-top:6px;display:flex;flex-wrap:wrap;gap:8px}
.item a{color:var(--accent);text-decoration:none}

.mini{padding:8px 10px;border-radius:12px;border:1px solid #2b2b2e;background:#0b0b0c;color:var(--txt);cursor:pointer;font-size:12px}
.mini:hover{border-color:#3b3b40}
.mini.icon{padding:8px 10px;min-width:44px}
.mini.danger{border-color:#4b2b2e}

.hidden{display:none}

.pulse{animation:pulse .9s ease-in-out}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}
.marker{width:28px;height:28px;border-radius:14px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;border:2px solid #000;cursor:pointer}
@media(max-width:980px){#content{flex-direction:column}#map{height:48%}#list{width:100%;max-width:100%;height:52%;border-left:none;border-top:1px solid #252528}}