body,html,#root{margin:0;padding:0;height:100%;font-family:Arial,sans-serif}main{padding:20px;max-width:800px;margin:0 auto}.error{color:red;font-weight:700}.page-header{background-color:#343a40;color:#fff;padding:1rem 0;text-align:center;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000001a}.page-header h1{margin:0;font-size:1.5rem;font-weight:600}.app-container{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:calc(100vh - 80px)}.controls-section{background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.map-section{position:relative}#map{height:50vh;width:100%}#throbber{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:rgba(255,255,255,.9);padding:20px;border-radius:8px;box-shadow:0 4px 8px #0003}@media (min-width: 768px) and (min-height: 500px){.app-container{grid-template-columns:1fr 3fr;grid-template-rows:1fr;min-height:calc(100vh - 80px)}.controls-section{border-bottom:none;border-right:1px solid #dee2e6;overflow-y:auto;max-height:calc(100vh - 80px)}#map{height:calc(100vh - 80px)}}@media (max-width: 767px){.poi-checkboxes .col-6{flex:0 0 50%!important;max-width:50%!important}}.poi-marker{background:white;border:2px solid #333;border-radius:50%;text-align:center;line-height:16px;font-size:12px;box-shadow:0 2px 4px #0000004d;color:#333}.poi-marker i{line-height:16px}.poi-popup .leaflet-popup-content{margin:8px 12px;line-height:1.4}.poi-popup-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.poi-popup-content h6{font-size:14px!important;font-weight:600}.poi-popup-content p{margin:3px 0!important;line-height:1.3}.poi-popup-content strong{font-weight:500;color:#34495e}.poi-popup-content a{text-decoration:none}.poi-popup-content a:hover{text-decoration:underline}