body,html{margin:0;padding:0;width:100%;height:100%;user-select:none}#map{width:100%;height:100%}#layer-control{position:absolute;top:10px;right:10px;z-index:1000;background:#fff;border-radius:4px;box-shadow:0 2px 4px #0003}button{padding:8px 12px;cursor:pointer}.ol-popup{position:absolute;background-color:#fff;box-shadow:0 1px 4px #0003;padding:15px;border-radius:10px;border:1px solid #cccccc;bottom:12px;left:-50px;min-width:200px}.ol-popup:after,.ol-popup:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ol-popup:after{border-top-color:#fff;border-width:10px;left:48px;margin-left:-10px}.ol-popup:before{border-top-color:#ccc;border-width:11px;left:48px;margin-left:-11px}.ol-popup-closer{text-decoration:none;position:absolute;top:2px;right:8px}.ol-popup-closer:after{content:"✖"}.search-container{position:absolute;display:flex;align-items:center;gap:2px;top:21px;left:50px;z-index:1000;border:0px;border-radius:10px;box-shadow:0 2px 4px #0003}#search-input{height:18px;width:300px;padding:8px;outline:none}#search-button{background:linear-gradient(to right,#6ea7c5cc,#9dc983cc);padding:8px 16px;border:none;border-radius:5px;color:#fff;font-weight:400;font-size:15px}#search-button:hover{background:linear-gradient(to right,#6ea7c5,#9dc983)}.chart-control{position:absolute;top:75px;right:10px;z-index:1000;background:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;cursor:pointer}.chart-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000004d;z-index:1001;width:80%;max-width:900px;max-height:80vh;overflow:auto;display:none}.close-btn{position:absolute;top:10px;right:10px;cursor:pointer;font-size:20px}#memberChart{width:100%;height:auto}.sidebar{border-radius:5px;scrollbar-gutter:stable;position:absolute;top:10%;z-index:999;width:350px;height:90%;overflow-y:auto;background:linear-gradient(to right,#6ea7c5cc,#9dc983cc);border-right:1px solid #ddd;padding:10px;box-sizing:border-box}.sidebar-title{color:#fff;font-size:18px;font-weight:700;padding:10px;text-align:center;background:linear-gradient(to right,#6ea7c5,#9dc983);margin-bottom:10px}.directory{margin-bottom:15px}.directory-title{color:#fff;padding:8px 10px;background:linear-gradient(to right,#6ea7c5,#9dc983);cursor:pointer;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.directory-title:hover{background-color:#ddd}.directory-content{padding:5px 0;display:none}.directory-item{padding:6px 15px;margin:2px 0;cursor:pointer;border-radius:3px}.directory-item:hover{background:linear-gradient(to right,#6ea7c5,#9dc983)}ul{list-style:none;padding-left:5px}.li-style{margin:0;padding-left:5px;width:100%;height:50px;line-height:50px;border-radius:5px;cursor:pointer;color:#fff}li:hover{background:linear-gradient(to right,#6ea7c5,#9dc983)}.class{position:absolute;bottom:10px;right:0}.class ul{display:flex}.class ul li{margin-right:20px}.class ul li:hover{background:none}.class ul img{width:15px;height:15px}