html,body{margin:0;padding:0;font-family:Arial,sans-serif;background:#f5f7fa;color:#222}
.wrap{padding:16px}
header{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}
.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#map{width:100%;height:78vh;border-radius:12px;overflow:hidden;background:#ddd}
select,button{padding:10px 12px;border:1px solid #ccc;border-radius:8px;background:#fff;cursor:pointer}
#toggleMapBtn{background:#1565c0;color:#fff;border-color:#1565c0;font-size:13px}
#toggleMapBtn:hover{background:#0d47a1}
.legend{display:flex;gap:8px;flex-wrap:wrap}
.legend-item{padding:6px 10px;border-radius:999px;font-size:12px;color:#fff}
.free{background:#2e7d32}.reserved{background:#f9a825}.sold{background:#c62828}.other{background:#546e7a}
#meta{font-size:14px;color:#555;margin:8px 0 12px}