.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000073;display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;padding:2rem 2.5rem;max-width:500px;border-radius:16px;text-align:center;box-shadow:0 8px 24px #00000026;animation:popupFade .3s ease-out}.modal-content h2{margin-top:0;font-family:Inter,sans-serif;font-size:1.6rem;color:#333}.modal-content p{font-family:Inter,sans-serif;color:#555;font-size:.95rem;line-height:1.5;margin:.75rem 0}.modal-content button{margin-top:1.5rem;padding:.6rem 1.4rem;background:linear-gradient(135deg,#1976d2,#42a5f5);color:#fff;font-weight:600;font-size:.95rem;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease-in-out,transform .15s ease}.modal-content button:hover{background:linear-gradient(135deg,#1565c0,#2196f3);transform:translateY(-2px)}@keyframes popupFade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.map-container{position:relative;overflow:visible}.legend{position:absolute;left:12px;bottom:12px;background:#191919d9;color:#f1f1f1;padding:10px 12px;border-radius:12px;box-shadow:0 6px 16px #00000040;z-index:50;min-width:160px;font-size:13px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.legend-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-weight:600;letter-spacing:.2px}.legend-row{display:flex;align-items:center;gap:8px;margin:4px 0}.legend-color{display:inline-block;width:12px;height:12px;border-radius:3px}.legend-help-wrap{position:relative;display:inline-flex;align-items:center}.legend-help-btn{width:22px;height:22px;border-radius:50%;border:none;background:#2e2e2e;color:#fff;font-weight:800;line-height:22px;text-align:center;cursor:pointer}.legend-help-tip{position:absolute;right:0;bottom:calc(100% + 8px);width:280px;background:#1f1f1f;color:#e9e9e9;padding:10px 12px;border-radius:10px;box-shadow:0 10px 26px #00000059;transition:opacity .18s ease;z-index:60}.legend-help-title{font-weight:700;margin-bottom:6px}.legend-help-row{display:flex;align-items:center;gap:8px;margin:4px 0}.dot{width:10px;height:10px;border-radius:3px;display:inline-block}.dot-green{background:#4caf50}.dot-yellow{background:#ffc107}.dot-red{background:#f44336}.modal-content{color:#2b2b2b;text-align:left}.modal-content h2{text-align:center;color:#1e1e1e}.modal-content h3{margin-top:1rem;margin-bottom:.4rem;color:#2b2b2b}.modal-content p,.modal-content li{color:#3a3a3a}.modal-content a{color:#1b7f5f;text-decoration:underline}html,body,#root{height:100%;margin:0;font-family:Arial,sans-serif}.app-container{display:flex;flex-direction:column;height:100%}header{background-color:#1976d2;color:#fff;padding:15px 20px}header h1{margin:0;font-size:1.5rem}.content{display:flex;flex:1;overflow:hidden}.map-container{flex:2;position:relative}.leaflet-container{width:100%;height:100%}.legend{position:absolute;bottom:20px;left:20px;background:#fff;padding:8px 10px;border-radius:6px;box-shadow:0 0 4px #0000004d;font-size:.9rem}.legend div{display:flex;align-items:center;margin-bottom:4px}.legend-color{display:inline-block;width:14px;height:14px;margin-right:6px}.legend-color.green{background:#4caf50}.legend-color.yellow{background:#ffc107}.legend-color.red{background:#f44336}.info-panel{flex:1;padding:20px;overflow-y:auto;background-color:#f5f5f5;border-left:1px solid #ddd}.info-panel h2{margin-top:0}.info-panel a{color:#1976d2;text-decoration:none}.info-panel a:hover{text-decoration:underline}