.bus_dynamics_page{min-height:100vh;background-color:#f8f9fa}.bus_dynamics_container{max-width:800px;margin:0 auto;padding:1rem}.route_header{background:white;padding:1rem;margin-bottom:1rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.route_meta{display:flex;gap:0.5rem;margin-bottom:0.5rem}.city_badge,.route_type_badge{font-size:0.9rem;background-color:#487eb0;color:#FFFFFF;padding:4px 8px;border-radius:4px;font-weight:500}.route_number{font-size:1.5rem;font-weight:600;color:#212529;margin:0 0 0.25rem}.route_direction{color:#6c757d;font-size:1rem;margin:0}.route_actions{display:flex;gap:0.75rem;margin-top:1rem}.action_button{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:4px;font-size:0.875rem;font-weight:500;text-decoration:none;transition:all 0.2s ease}.info_button{background-color:#e7f5ff;color:#1971c2;border:1px solid #a5d8ff}.info_button:hover{background-color:#d0ebff}.dynamics_button{background-color:#f3f0ff;color:#6741d9;border:1px solid #d0bfff}.dynamics_button:hover{background-color:#e5dbff}.map_button{background-color:#e6fcf5;color:#087f5b;border:1px solid #96f2d7}.map_button:hover{background-color:#c3fae8}.map_container{position:relative;width:100%;height:600px;margin-bottom:2rem;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}#map{width:100%;height:100%}.map_loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fafafa;font-size:1.4em;color:#424242}.direction_selector{position:absolute;top:20px;right:20px;background:white;padding:8px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:1}.direction_selector button{padding:10px 20px;margin:0 6px;border:none;background:#f5f5f5;cursor:pointer;border-radius:6px;font-size:15px;transition:all 0.2s ease}.direction_selector button:hover{background:#e0e0e0}.direction_selector button.active{background:#fd79a8;color:white}.direction_selector button.active:nth-child(2){background:#1dd1a1}.stop_tag{background-color:#2196F3;border-radius:10px;color:#FFFFFF;font-size:14px;padding:6px 12px;position:relative;box-shadow:0 2px 8px rgba(33,150,243,0.3)}.stop_tag::after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%,0);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #2196F3}@media (max-width:768px){.bus_dynamics_container{padding:0.5rem}.map_container{height:400px}.direction_selector{top:10px;right:10px;padding:4px}.direction_selector button{padding:8px 12px;font-size:13px}}