html,body{color:#f0f0f0;background-color:#1a1a1a;width:100%;height:100%;margin:0;padding:0;font-family:Inter,system-ui,sans-serif;display:flex}#map{background:#0d0d0d;flex:1;height:100%}#sidebar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-sizing:border-box;z-index:1000;background:#1e1e23f2;flex-direction:column;width:320px;height:100%;padding:25px;display:flex;overflow-y:auto;box-shadow:4px 0 15px #0009}#sidebar h2{letter-spacing:.5px;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#4caf50,#2196f3);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.6rem}p.subtitle{color:#888;border-bottom:1px solid #333;margin-top:5px;margin-bottom:25px;padding-bottom:15px}.control-group{background:#25252a;border:1px solid #3a3a40;border-radius:12px;margin-bottom:20px;padding:18px;box-shadow:0 4px 6px #0003}.control-group h3{color:#aaa;text-transform:uppercase;letter-spacing:1px;margin-top:0;margin-bottom:15px;font-size:.9rem}label{cursor:pointer;align-items:center;margin-bottom:12px;font-size:.95rem;transition:color .2s;display:flex}label:last-child{margin-bottom:0}label:hover{color:#fff}input[type=checkbox]{appearance:none;cursor:pointer;border:2px solid #555;border-radius:4px;outline:none;width:18px;height:18px;margin-right:12px;transition:all .2s;position:relative}input[type=checkbox]:checked{background-color:#4caf50;border-color:#4caf50}input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}#status{color:#4caf50;background:#1e1e20;border-left:4px solid #2196f3;border-radius:8px;margin-top:15px;padding:15px;font-family:monospace;font-size:.85rem}.leaflet-container{background-color:#121212!important}.info-note{color:#ccc;background:#2196f31a;border-left:3px solid #2196f3;border-radius:4px;margin-bottom:22px;padding:12px 15px;font-size:.82rem;line-height:1.45}.info-note strong{color:#2196f3}.legend-container{background:#1a1a1f;border:1px solid #3a3a40;border-radius:12px;margin-top:25px;padding:18px}.legend-container h3{color:#bbb;text-transform:uppercase;letter-spacing:.5px;margin-top:0;margin-bottom:12px;font-size:.95rem}.legend-item{color:#eee;align-items:center;margin-bottom:8px;font-size:.85rem;display:flex}.legend-item:last-child{margin-bottom:0}.color-box{border:1px solid #fff3;border-radius:3px;width:14px;height:14px;margin-right:12px;display:inline-block}
