#map{position:relative;width:100%;height:600px;overflow:hidden;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.15)}.maplibregl-ctrl-bottom-right{position:absolute!important;bottom:5px;right:5px;margin:0;z-index:1000;background:rgba(255,255,255,.85);font-size:10px;line-height:1.3;padding:3px 6px;border-radius:3px;color:#000;font-family:inter,roboto,sans-serif;box-shadow:0 1px 3px rgba(0,0,0,.2)}.maplibregl-ctrl-attrib a{color:#06c;text-decoration:none;font-weight:500}.maplibregl-ctrl-attrib a:hover{text-decoration:underline}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999}.modal-content{background:#fff;margin:15% auto;padding:20px;border-radius:8px;width:320px;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.3);position:relative;font-family:inter,sans-serif;animation:modalFade .25s ease-out}@keyframes modalFade{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-content p{margin-bottom:15px;font-weight:600;font-size:15px}.modal-content .close{position:absolute;right:10px;top:6px;font-size:20px;cursor:pointer;color:#666;transition:color .2s}.modal-content .close:hover{color:#000}.modal-content button{background:#07c;color:#fff;padding:6px 14px;border:none;border-radius:5px;cursor:pointer;font-weight:500;transition:background .25s ease}.modal-content button:hover{background:#005fa3}.map-legend{position:absolute;bottom:10px;left:10px;background:rgba(255,255,255,.92);padding:8px 12px;font-size:12px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.25);z-index:1000;line-height:1.4;font-family:inter,roboto,sans-serif;max-width:220px}.map-legend .legend-title{margin-bottom:6px;font-size:13px;text-align:center;font-weight:700;color:#222}.map-legend div{display:flex;align-items:center;margin-bottom:4px}.map-legend span{width:14px;height:14px;display:inline-block;margin-right:6px;border:1px solid #555;border-radius:2px;box-shadow:0 0 2px rgba(0,0,0,.2)}.legend-car span{background:#e53935}.legend-truck span{background:#c715ff}.legend-corridor span{background:#2ecc71}.legend-route span{background:#2980b9}.map-legend div:hover span{transform:scale(1.15);box-shadow:0 0 4px rgba(0,0,0,.4)}.map-status{margin-top:8px;font-size:13px;color:#333;font-family:inter,roboto,sans-serif;text-align:center}#routeForm{margin-bottom:15px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-family:inter,sans-serif}#routeForm input,#routeForm select,#routeForm button{padding:6px 10px;border-radius:4px;border:1px solid #ccc;font-size:13px}#routeForm button{background:#07c;color:#fff;border:none;cursor:pointer;transition:background .25s ease}#routeForm button:hover{background:#005fa3}@media(max-width:768px){#map{height:500px}.map-legend{font-size:11px;padding:6px 10px}.map-legend span{width:12px;height:12px}}