.marker-form{position:absolute;top:20px;right:20px;background:#fff;padding:20px 30px 20px 20px;border-radius:8px;box-shadow:0 2px 10px #0003;z-index:1000;width:300px}.marker-form input{width:280px;margin:2px;padding:8px}.marker-form textarea{width:282px;margin:2px;padding:8px}.marker-form select{width:100%;margin:2px;padding:8px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.photo-upload{margin:15px 0}.photo-previews{display:flex;flex-wrap:wrap;gap:15px;margin:15px 0}.photo-preview{position:relative;border:1px solid #ddd;padding:10px;border-radius:8px;width:150px}.photo-preview img{width:100%;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.photo-preview input[type=text]{width:100%;margin-top:5px;padding:5px;box-sizing:border-box}.photo-preview button{position:absolute;top:5px;right:5px;background:#f44;color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer}.form-actions{display:flex;margin-top:5px}.add-photo-button,.form-button{flex:1;padding:8px 12px;cursor:pointer;border:none;border-radius:4px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.add-photo-button{background-color:#1e90ff;color:#fff;width:100%}.form-button:first-child{background-color:#4caf50;color:#fff}.form-button:last-child{background-color:#f44336;color:#fff}.add-photo-button:disabled,.form-button:disabled{background-color:#ccc;cursor:not-allowed}.add-photo-button:hover{background-color:#2980b9}.form-button:first-child:hover{background-color:#228b22}.form-button:last-child:hover{background-color:#c0392b}.marker-balloon{max-width:400px}.marker-photos{margin:10px 0}.photo-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.photo-item{border:1px solid #eee;padding:4px;border-radius:4px}.photo-item img{width:100%;height:150px;-o-object-fit:cover;object-fit:cover;border-radius:3px}.photo-item p{margin:4px 0 0;font-size:12px;color:#666}.form-group{margin:15px 0;display:flex;align-items:center;font-weight:700}.form-group label{display:flex;align-items:center;cursor:pointer;font-size:16px;color:#333;transition:all .3s ease}.form-group label:hover{color:#2c3e50}.route-control{position:absolute;top:30px;left:50px;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 10px #0000001a;z-index:1000;max-width:300px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.route-selectors{display:flex;flex-direction:column;gap:10px;margin:10px 0}.route-selector{display:flex;flex-direction:column}.route-selector label{margin-bottom:5px;font-weight:700}.route-selector select{padding:8px;border-radius:4px;border:1px solid #ddd;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.route-actions{display:flex;gap:10px}.route-actions button{flex:1;padding:8px 12px;cursor:pointer;border:none;border-radius:4px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.route-actions button:first-child{background-color:#4caf50;color:#fff}.route-actions button:last-child{background-color:#f44336;color:#fff}.route-actions button:disabled{background-color:#ccc;cursor:not-allowed}.route-type-selector{margin:10px 0;font-size:small}.route-type-options{display:flex;gap:15px;margin-top:5px}.route-type-options label{display:flex;align-items:center;gap:5px;cursor:pointer}.route-info .route-type{font-weight:700;color:#333;margin-bottom:5px}.route-type-header{font-weight:700;font-size:medium}.remove-waypoint{top:5px;right:5px;background:#f44;color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer}.map-container{width:1000px;height:100%;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.map{width:100%;height:100%}.balloon{max-width:300px}.balloon h3{margin-top:0;color:#d00}.balloon-image{width:100%;height:auto;border-radius:4px;margin-bottom:10px}.route-info{position:absolute;bottom:20px;left:20px;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 10px #0000001a;z-index:1000;max-width:300px}.route-info h4{margin-top:0;color:#333;border-bottom:1px solid #eee;padding-bottom:8px}.route-info p{margin:5px 0;font-size:14px}.marker-balloon{position:relative;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0003;width:320px;max-width:90vw;max-height:1500px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.marker-balloon h3{margin:0 0 10px;font-size:18px;border-bottom:1px solid #eee;padding-bottom:8px}.marker-balloon p{margin:8px 0;font-size:14px;line-height:1.4}.visit-control{margin:15px 0;padding:12px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.visit-toggle{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.visit-checkbox{position:absolute;opacity:0;width:0;height:0}.visit-slider{position:relative;display:inline-block;width:50px;height:24px;background-color:#ff6b6b;border-radius:12px;transition:all .3s ease;margin-right:10px}.visit-slider:before{content:"";position:absolute;height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 1px 3px #0003}.visit-checkbox:checked+.visit-slider{background-color:#51cf66}.visit-checkbox:checked+.visit-slider:before{transform:translate(26px)}.marker-photos{margin:15px 0}.photo-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.photo-item{border:1px solid #eee;padding:8px;border-radius:6px;background:#f9f9f9}.photo-item img{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:4px;margin-bottom:5px}.photo-item p{margin:0;font-size:12px;color:#666;text-align:center}.marker-actions{display:flex;gap:10px;margin-top:15px}.edit-marker,.add-to-route,.delete-marker{flex:1;min-width:150px;width:100%;padding:10px 0;text-align:center;cursor:pointer;border:none;border-radius:4px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:14px;transition:all .3s}.edit-marker{background-color:#3498db;color:#fff}.delete-marker{background-color:#e74c3c;color:#fff}.edit-marker:hover{background-color:#2980b9}.delete-marker:hover{background-color:#c0392b}.add-to-route:hover{background-color:#d6d6d6}@media (max-width: 480px){.marker-balloon{width:280px;padding:15px}.photo-gallery{grid-template-columns:1fr}}.show-saved-routes-button{position:absolute;bottom:20px;right:20px;z-index:1000;background-color:#4285f4;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;box-shadow:0 2px 5px #0003}.show-saved-routes-button:hover{background-color:#3367d6}.show-saved-routes-button{position:absolute;bottom:20px;right:20px;z-index:1000;background-color:#fff;color:#333;border:none;padding:10px 15px;border-radius:30px;cursor:pointer;box-shadow:0 2px 10px #0003;display:flex;align-items:center;gap:8px;font-size:.9rem;transition:all .2s}.show-saved-routes-button:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.button-icon{font-size:1.1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.routes-list{margin-top:15px}.route-item{border:1px solid #eee;border-radius:6px;padding:15px;margin-bottom:15px}.route-info h4{margin-top:0;color:#333}.waypoints{margin:10px 0}.waypoint{padding:5px 0;border-bottom:1px solid #f5f5f5}.route-actions{display:flex;gap:10px;margin-top:10px}.load-button{background-color:#4caf50;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer}.load-button:hover{background-color:#45a049}.delete-button{background-color:#f44336;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer}.delete-button:hover{background-color:#d32f2f}.search-container{display:flex;width:100%;max-width:700px}.search-form{display:flex;flex-grow:1;position:relative}.search-input{width:100%;padding:12px 20px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.search-input:focus{border-color:#3a7bd5;box-shadow:0 2px 10px #3a7bd533}.search-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px}.search-icon{width:20px;height:20px;fill:#666}.city-selector{padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background-color:#fff;outline:none;cursor:pointer;transition:all .3s ease;min-width:150px;box-shadow:0 2px 5px #0000001a}.city-selector:hover,.city-selector:focus{border-color:#3a7bd5}.search-input-container{position:relative;max-width:430px;flex:1}.suggestions-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;max-height:200px;max-width:500px;overflow-y:auto;z-index:1000;margin:0;padding:0;list-style:none}.suggestion-item{padding:8px 12px;cursor:pointer}.suggestion-item:hover{background-color:#f5f5f5}.app{display:flex;flex-direction:column;height:100vh;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}header{padding:1rem;background:#f5f5f5;font-size:larger}.controls{display:flex;justify-content:space-between;margin-top:1rem}.filters button{margin-right:.5rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;padding:12px 20px;border:2px solid #e0e0e0;background-color:#f5f5f5;border-radius:8px;font-size:14px;outline:none;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.sorting select{padding:.5rem}main{flex:1;position:relative}.map-container{height:100%;width:100%}.city-selector{position:relative;min-width:220px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.city-selector select{width:100%;padding:12px 40px 12px 16px;font-size:16px;line-height:1.5;color:#333;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s ease;outline:none}.city-selector select:hover{border-color:#b3b3b3}.city-selector select:focus{border-color:#333;box-shadow:0 0 0 3px #3a7bd533}.city-selector:after{content:"▼";position:absolute;top:50%;right:15px;transform:translateY(-50%) scaleY(.7);font-size:12px;color:#666;pointer-events:none;transition:transform .2s ease}.city-selector select:focus+.city-selector:after{transform:translateY(-50%) scaleY(.7) rotate(180deg)}.city-selector select option{padding:12px 16px;background:#fff;color:#333}.city-selector select option:checked{background-color:#f0f7ff;font-weight:500}.city-selector optgroup{font-weight:700;color:#555;padding:8px 0}@media (prefers-color-scheme: dark){.city-selector select{color:#f0f0f0;background-color:#2d2d2d;border-color:#444}.city-selector select:hover{border-color:#666}.city-selector:after{color:#aaa}.city-selector select option{background:#2d2d2d;color:#f0f0f0}.city-selector select option:checked{background-color:#1a3a6a}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#root{height:100vh}