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{position:relative;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:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;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}.app-container{display:flex;flex-direction:column;height:calc(100vh - 80px)}.controls-section{flex:1;overflow-y:auto}.map-section{display:none}.app-container.poi-panel-open .map-section{display:block;flex:1;min-height:0}.app-container.poi-panel-open #map{height:100%}.app-container.poi-panel-open .controls-section{display:none}}.poi-list-panel{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f8f9fa;border-right:1px solid #dee2e6;display:flex;flex-direction:column;z-index:500;transform:translate(-105%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}.poi-list-panel.is-open{transform:translate(0);visibility:visible;transition:transform .3s ease,visibility 0s linear 0s}@media (min-width: 768px) and (min-height: 500px){.poi-list-panel{width:25%}}.poi-list-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#343a40;color:#fff;flex-shrink:0}.poi-list-title{font-size:.95rem;font-weight:600}.poi-list-count{font-weight:400;font-size:.85rem;margin-left:6px;opacity:.8}.poi-list-close{background:none;border:none;color:#fff;font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:4px}.poi-list-close:hover{background-color:#ffffff26}.poi-sort-select{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:4px;font-size:.8rem;padding:2px 4px;cursor:pointer}.poi-sort-select option{background:#343a40}.poi-filter-bar{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;border-bottom:1px solid #dee2e6;background:#fff;flex-shrink:0}.poi-filter-bar:empty{display:none}.poi-filter-chip{background:#e9ecef;border:1px solid #ced4da;border-radius:12px;color:#495057;cursor:pointer;font-size:.75rem;padding:2px 10px;white-space:nowrap;transition:background-color .15s,color .15s,border-color .15s}.poi-filter-chip.is-active{background:#3498db;border-color:#2980b9;color:#fff}.poi-filter-chip.poi-filter-all{font-weight:600}.poi-list-items{overflow-y:auto;flex:1}.poi-list-item{padding:12px 16px;border-bottom:1px solid #dee2e6;cursor:pointer;transition:background-color .15s ease}.poi-list-item:hover{background-color:#e8f4fd}.poi-list-item:last-child{border-bottom:none}.poi-list-empty{padding:24px 16px;text-align:center;color:#6c757d;font-size:.9rem}.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}@media (max-width: 767px){.poi-list-panel{position:static;width:100%;height:0;flex-shrink:0;overflow:hidden;transform:none!important;visibility:visible!important;transition:flex .3s ease;z-index:auto}.poi-list-panel.is-open{flex:1;min-height:0;height:auto}.poi-list-items{min-height:0}}