body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.map-editor{padding:.5rem}.map-editor h2{border-bottom:1px solid #ddd;margin-top:0;padding-bottom:.5rem}.editor-instructions{color:#555;font-size:14px;margin-bottom:1rem}.editor-list{border:1px solid #ddd;border-radius:4px;max-height:450px;overflow-y:auto}.editor-item{align-items:center;border-bottom:1px solid #eee;display:flex;padding:.5rem}.editor-item:last-child{border-bottom:none}.item-id{font-weight:700;margin-right:.5rem;width:30px}.location-name-input{border:1px solid #ddd;border-radius:3px;flex:1 1;padding:4px}.item-coords{color:#777;font-size:12px;margin:0 .5rem}.road-locations{flex:1 1;font-size:14px}.road-distance{color:#555;font-size:12px;margin-right:.5rem}.traffic-select{border:1px solid #ddd;border-radius:3px;margin-right:.5rem;padding:4px}.delete-button{background-color:#ff5252;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:.5rem}.map-display{background:linear-gradient(145deg,#d4d1d1,#eaface);border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 6px 20px #00000040;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.map-display:hover{box-shadow:0 10px 28px #00000059;transform:scale(1.01)}.map-display canvas{border-radius:12px;cursor:pointer;display:block;height:500px;max-height:70vh;object-fit:cover;width:100%}.map-legend{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #dcdcdccc;border-radius:10px;bottom:15px;box-shadow:0 2px 8px #00000026;color:#333;font-size:13px;font-weight:500;left:15px;padding:12px 14px;position:absolute}.legend-item{align-items:center;display:flex;margin-bottom:7px;transition:transform .2s ease}.legend-item:last-child{margin-bottom:0}.legend-item:hover{transform:translateX(4px)}.location-dot,.traffic-dot{border-radius:50%;box-shadow:0 0 4px #00000040;display:inline-block;height:14px;margin-right:8px;width:14px}.traffic-dot.low{background:radial-gradient(circle at 30% 30%,#66bb6a,#2e7d32)}.traffic-dot.medium{background:radial-gradient(circle at 30% 30%,#ffeb3b,#fbc02d)}.traffic-dot.high{background:radial-gradient(circle at 30% 30%,#ef5350,#b71c1c)}.location-dot.start{background:radial-gradient(circle at 30% 30%,#4caf50,#1b5e20)}.location-dot.end{background:radial-gradient(circle at 30% 30%,#f44336,#b71c1c)}.route-line{background:linear-gradient(90deg,#ab47bc,#8e24aa);border-radius:2px;box-shadow:0 0 4px #ab47bc99;display:inline-block;height:4px;margin-right:8px;width:18px}.simulation-controls{background:linear-gradient(135deg,#fafafa,#f0f4f7);border-bottom:2px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 10px #00000014;margin-bottom:1rem;padding:1rem}.simulation-controls h2{border-bottom:2px solid #ddd;color:#2c3e50;font-size:1.3rem;font-weight:700;margin-top:0;padding-bottom:.5rem}.route-selection{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 1px 6px #0000000d;margin-bottom:1rem;padding:1rem}.route-info{display:flex;justify-content:space-between;margin-bottom:.75rem}.point-display{background:linear-gradient(135deg,#fff,#f9f9f9);border:1px solid #ddd;border-radius:8px;flex:1 1;padding:.75rem;text-align:center;transition:transform .2s,box-shadow .2s}.point-display:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-2px)}.point-display:first-child{margin-right:.75rem}.point-label{color:#777;font-size:.8rem;margin-bottom:.25rem}.point-value{font-size:1.1rem;font-weight:700}.point-value.start{color:#4caf50}.point-value.end{color:#f44336}.point-value.not-selected{color:#bbb;font-style:italic}.simulation-message{color:#555;font-size:.9rem;font-style:italic;margin:.75rem 0;text-align:center}.speed-control{margin:1.5rem 0}.speed-control label{color:#444;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.speed-control input{accent-color:#4caf50;width:100%}.control-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-top:1rem}.reset-button,.start-button,.stop-button{border:none;border-radius:6px;box-shadow:0 2px 6px #0000001a;cursor:pointer;font-weight:700;padding:.8rem;transition:all .25s ease}.start-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;grid-column:span 2}.start-button:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px)}.start-button:disabled{background:#a5d6a7;box-shadow:none;cursor:not-allowed}.stop-button{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.stop-button:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:translateY(-2px)}.reset-button{background:linear-gradient(135deg,#607d8b,#546e7a);color:#fff}.reset-button:hover{background:linear-gradient(135deg,#546e7a,#455a64);transform:translateY(-2px)}.algorithm-stats{margin-top:1rem;padding:.5rem}.algorithm-stats h2{border-bottom:1px solid #ddd;margin-top:0;padding-bottom:.5rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:1rem 0}.stat-item{background-color:#f0f0f0;border-radius:4px;box-shadow:0 1px 3px #0000001a;padding:.75rem;text-align:center}.stat-value{color:#e74c3c;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#555;font-size:.8rem;text-transform:uppercase}.algorithm-explanation{background-color:#f9f9f9;border-left:4px solid #3498db;border-radius:4px;margin-top:1rem;padding:.75rem}.algorithm-explanation h3{color:#2c3e50;font-size:1rem;margin-top:0}.algorithm-explanation p{font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.algorithm-explanation ul{margin:.5rem 0;padding-left:1.5rem}.algorithm-explanation li{color:#444;font-size:.9rem;margin-bottom:.25rem}.app{display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh}.app-header{align-items:center;background-color:#2c3e50;color:#fff;display:flex;justify-content:space-between;padding:1rem}.app-header h1{font-size:1.8rem;margin:0}.mode-selector{display:flex;gap:.5rem}.mode-selector button{background-color:#34495e;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.mode-selector button:hover{background-color:#2c3e50}.mode-selector button.active{background-color:#e74c3c}.main-content{display:flex;flex:1 1;overflow:hidden}.map-container{align-items:center;background-color:#f5f5f5;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:1rem}.sidebar{background-color:#ecf0f1;border-left:1px solid #ddd;overflow-y:auto;padding:1rem;width:300px}@media (max-width:900px){.main-content{flex-direction:column}.sidebar{border-left:none;border-top:1px solid #ddd;width:100%}}
/*# sourceMappingURL=main.1a4860a8.css.map*/