.vehicle-routes{background:#f8f9fa;border-radius:8px;margin:30px 0;padding:20px}.routes-title{color:#000;font-size:1.2rem;margin-bottom:20px;text-align:left}.routes-container{align-items:flex-start;display:flex;flex-direction:column;gap:20px}.route-card{background:#fff;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.1);max-width:100%;min-width:300px;overflow:hidden;transition:all .3s ease;width:fit-content}.route-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.15);transform:translateY(-5px)}.route-header{align-items:center;background:#3498db;color:#fff;display:flex;justify-content:space-between;padding:12px 15px}.vehicle-id{font-size:1.1rem;font-weight:700}.route-status{background:hsla(0,0%,100%,.2);border-radius:12px;font-size:.8rem;padding:3px 8px}.route-body{padding:15px}.path-container{align-items:flex-start;display:flex;margin-bottom:15px;width:fit-content}.labels-column{display:flex;flex-direction:column;margin-right:15px;min-width:50px;text-align:right}.info-label{color:#7f8c8d;font-size:.75rem;font-weight:500;height:24px;line-height:24px;margin-bottom:8px}.nodes-column{align-items:flex-start;display:flex;flex-wrap:wrap}.node-container{flex-direction:column;margin:0 5px}.node-circle,.node-container{align-items:center;display:flex}.node-circle{background:#ecf0f1;border-radius:50%;font-size:.85rem;font-weight:700;height:28px;justify-content:center;position:relative;width:28px;z-index:2}.node-circle.end,.node-circle.start{background:#3498db;color:#fff}.node-info{align-items:center;display:flex;flex-direction:column;margin-top:5px}.capacity,.time{background:hsla(0,0%,100%,.2);border-radius:10px;font-size:.75rem;font-weight:500;height:24px;line-height:20px;margin-bottom:6px;min-width:50px;padding:2px 6px}.arrow-container,.capacity,.time{align-items:center;display:flex;justify-content:center}.arrow-container{color:#95a5a6;font-size:1.2rem;height:28px;margin:0 3px;position:relative;top:0}.route-info{border-top:1px solid #ecf0f1;color:#7f8c8d;display:flex;font-size:.85rem;justify-content:space-between;padding-top:10px}.empty-route{color:#95a5a6;font-style:italic}@media (max-width:768px){.route-card{min-width:unset;width:100%}}