body{margin:0;padding:0;font-family:Arial,sans-serif}#container{display:flex;flex-direction:column;height:100vh}#map{flex:1;width:100%}#controls{padding:15px;background-color:#f5f5f5;border-bottom:1px solid #ddd}#timeline-container{padding:40px 15px 15px 15px;background-color:#f5f5f5}#time-range{height:10px;margin:10px 20px}#time-display{text-align:center;font-size:16px;margin-top:5px;font-weight:700}#category-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.filter-btn{padding:8px 15px;background-color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;font-size:14px;border:1px solid #fff}.reset-btn{padding:8px 15px;background-color:#FDD05A;border:none;border-radius:4px;cursor:pointer;font-size:14px;border:1px solid #fff}.filter-btn.active{background-color:#4CAF50;color:#fff;border:1px solid #2E765E}.legend{background-color:#fff;padding:10px;border-radius:5px;box-shadow:0 0 10px rgb(0 0 0 / .1);line-height:1.5}.legend-item{display:flex;align-items:center;margin-bottom:5px}.legend-color{width:15px;height:15px;margin-right:5px;border-radius:50%}.leaflet-popup-content{max-width:300px;max-height:500px;overflow-y:auto}.popup-content h3{margin-top:0;margin-bottom:8px;font-size:16px}.popup-content p{margin:5px 0;font-size:14px}.popup-content img{max-width:100px;height:auto;cursor:pointer;margin:5px;border:1px solid #ccc;border-radius:5px}.my-div-icon{width:300px;font-size:14px;overflow:visible;text-align:center;margin-top:-25px;margin-left:-150px;margin-bottom:0}.dropdown{float:left;overflow:hidden}.dropdown .dropbtn{font-size:16px;border:none;outline:none;color:#000;padding:8px 15px;background-color:inherit;font-family:inherit;margin:0}.navbar a:hover,.dropdown:hover .dropbtn{background-color:#FDD05A}.dropdown-content{display:none;position:absolute}.dropdown-content button{float:none;color:#000;padding:8px 15px;text-decoration:none;display:block;text-align:left;width:100%}.dropdown-content button:hover{background-color:#ddd}.dropdown.responsive .dropdown-content{display:block;z-index:99999}.topnav{overflow:hidden;position:relative;z-index:9999}.topnav a{float:left;display:block;color:#000;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.topnav a:hover{background-color:#ddd;color:#000}.topnav a.active{background-color:#04AA6D;color:#fff}.topnav .icon{display:none;border-radius:3px}@media screen and (max-width:600px){.topnav a:not(:first-child){display:none}.topnav a.icon{float:right;display:block}}@media screen and (max-width:600px){.topnav.responsive{position:relative}.topnav.responsive a.icon{right:0;top:0}.topnav.responsive a{float:none;display:block;text-align:left}}.leaflet-control-locate-location-crosshair{background-image:url(./images/crosshair_blue.png)}