body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;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}*{box-sizing:border-box}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.App-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:2rem;padding:2rem 1rem}.App-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.App-header p{font-size:1.1rem;margin:0;opacity:.9}.App-main{flex:1 1;padding:0 1rem}.container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin:0 auto;max-width:1200px}.input-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.results-section{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-top:1rem;padding:1rem}.error-message h3{font-size:1.1rem;margin:0 0 .5rem}.error-message p{font-size:.9rem;margin:0}.App-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;color:#666;font-size:.9rem;margin-top:2rem;padding:1rem}@media (max-width:768px){.App-header h1{font-size:2rem}.results-section{grid-template-columns:1fr}.container{padding:0 .5rem}.input-section{padding:1rem}}.matrix-input{text-align:left}.matrix-input h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.controls{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.controls,.size-control{align-items:center;display:flex}.size-control{gap:.5rem}.size-control label{color:#555;font-weight:500}.size-control input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem;width:80px}.action-buttons{display:flex;gap:.5rem}.secondary-button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.secondary-button:hover:not(:disabled){background:#e9ecef}.secondary-button:disabled{cursor:not-allowed;opacity:.6}.matrix-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin:1.5rem 0;overflow-x:auto}.distance-matrix{border-collapse:collapse;font-size:.9rem;width:100%}.distance-matrix th{background:#f8f9fa;color:#495057;font-weight:600;min-width:80px;padding:.75rem .5rem}.distance-matrix td,.distance-matrix th{border:1px solid #dee2e6;text-align:center}.distance-matrix td{padding:.5rem}.distance-matrix td.diagonal{background:#f1f3f4}.distance-matrix input{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem;text-align:center;width:100%}.distance-matrix input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.distance-matrix input.diagonal-input{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.optimize-section{margin:2rem 0;text-align:center}.validation-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;font-size:.9rem;margin-bottom:1rem;padding:.5rem}.optimize-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:transform .2s,box-shadow .2s}.optimize-button:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.optimize-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.instructions{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:2rem;padding:1rem}.instructions h3{color:#495057;font-size:1.1rem;margin:0 0 1rem}.instructions ul{color:#6c757d;margin:0;padding-left:1.5rem}.instructions li{font-size:.9rem;margin-bottom:.5rem}@media (max-width:768px){.controls{align-items:stretch;flex-direction:column}.matrix-container{font-size:.8rem}.distance-matrix td,.distance-matrix th{min-width:60px;padding:.5rem .25rem}.distance-matrix input{font-size:.8rem;padding:.4rem}}.route-result{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.route-result h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.result-summary{grid-gap:1rem;display:grid;gap:1rem;margin-bottom:2rem}.metric{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.metric-label{color:#495057;font-weight:500}.metric-value{color:#667eea;font-size:1.1rem;font-weight:700}.route-display{margin-bottom:2rem}.route-display h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.route-path{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-size:1.1rem;font-weight:500;margin-bottom:1.5rem;padding:1.5rem;text-align:center;word-break:break-all}.route-segments h4{color:#495057;font-size:1rem;margin-bottom:1rem}.route-segments ul{list-style:none;margin:0;padding:0}.segment-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;margin-bottom:.5rem;padding:.75rem;transition:background-color .2s}.segment-item:hover{background:#e9ecef}.segment-number{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:24px;justify-content:center;margin-right:1rem;width:24px}.segment-path{color:#495057;font-weight:500}.algorithm-info{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:8px;padding:1rem}.algorithm-info h4{color:#06c;font-size:1rem;margin:0 0 .5rem}.algorithm-info p{color:#495057;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.route-path,.route-result{padding:1rem}.route-path{font-size:1rem}.metric{align-items:flex-start;flex-direction:column;gap:.5rem}.metric-value{font-size:1.2rem}}.route-visualizer{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.route-visualizer h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.canvas-container{display:flex;justify-content:center;margin-bottom:1.5rem}.route-canvas{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;box-shadow:inset 0 1px 3px #0000001a}.no-route{color:#6c757d;padding:3rem 1rem;text-align:center}.no-route p{font-size:1.1rem;font-style:italic;margin:0}.visualization-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem}.visualization-info p{color:#495057;font-size:.9rem;margin:.5rem 0}.visualization-info p:first-child{font-weight:500;margin-top:0}.visualization-note{color:#6c757d!important;font-size:.8rem!important;font-style:italic;margin-bottom:0!important}@media (max-width:768px){.route-visualizer{padding:1rem}.route-canvas{height:auto;max-width:100%}.visualization-info{padding:.75rem}.visualization-info p{font-size:.8rem}}
/*# sourceMappingURL=main.6d7f7972.css.map*/