*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f6f7f9}header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 20px;background:white;border-bottom:1px solid #dfe3e8}h1{font-size:1.25rem;margin:0}header p{margin:3px 0 0;color:#667085;font-size:.9rem}.legend{display:flex;gap:14px;flex-wrap:wrap}.legend label{display:flex;align-items:center;gap:7px;font-size:.9rem}.dot{width:12px;height:12px;border-radius:50%;display:inline-block}.red{background:#d62828}.blue{background:#1769e0}main{display:grid;grid-template-columns:minmax(0,1fr) 330px;height:calc(100vh - 105px);min-height:520px}#map{width:100%;height:100%}aside{background:white;border-left:1px solid #dfe3e8;padding:12px;overflow:auto}#search{width:100%;padding:11px 12px;border:1px solid #cfd5dd;border-radius:8px;font-size:16px}#status{font-size:.82rem;color:#667085;padding:10px 2px}.item{display:block;width:100%;text-align:left;border:0;border-top:1px solid #eef0f3;background:white;padding:11px 4px;cursor:pointer}.item:hover,.item:focus{background:#f7f9fc;outline:none}.item strong{display:block}.item small{color:#667085}.sys{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sys.kcls{color:#b42318}.sys.spl{color:#175cd3}.leaflet-popup-content h3{margin:0 0 4px}.leaflet-popup-content p{margin:5px 0}.leaflet-popup-content a{font-weight:600}footer{height:36px;padding:9px 14px;background:#fff;border-top:1px solid #dfe3e8;color:#667085;font-size:.75rem}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}main{grid-template-columns:1fr;height:auto}#map{height:58vh;min-height:420px}aside{border-left:0;border-top:1px solid #dfe3e8;max-height:42vh}footer{height:auto}}